亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

用DIV遮罩解決鼠標直接勾選checkbox無效的問題

2019-10-26 17:16:51
字體：大 中 小
來源：轉載
供稿：網友
在前端開發的過程中，遇到一種情況，需要勾選，為了用戶的操作便捷就將click事件放到了DIV上。（其中使用了knockout.js）

代碼大概如下：

復制代碼
代碼如下:
<div id="one" data-biind="click:clickevent">
<input type="checkbox"><span>有事請勾我</span>
</div>

但是這樣寫出現了一個奇怪的現象，鼠標點擊div一切正常。

但鼠標直接勾選checkbox不正常：

checkbox處于未勾選狀態，鼠標直接點擊checkbox勾選，此時應該實現是：1、執行div的clickevent事件；2、事件執行完畢后，checkbox處于勾選狀態。

但最終的結果卻是，checkbox仍然處于未勾選狀態。

跟蹤調試結果是，在執行完clickevent事件時，checkbox還是處于勾選狀態，但clickevent執行完后，接著進入jquery的代碼執行，走了兩三步后，checkbox即被改成未選中狀態。

原因至今未查到。（另外一個地方使用的radiobox也有類似的情況）

沒辦法，只能變通一下，通過在checkbox上面覆蓋一層div，讓鼠標點擊的時候點的是div而不是checkbox，通過clickevent改變checkbox狀態（clickevent事件中本來就有改變checkbox狀態的代碼）

實現如下：

復制代碼
代碼如下:
<div id="one">
<div id="two" data-bind="click:clickevent"></div>
<div id="three">
<input type="checkbox"/> <span>有事請勾我</span>
</div>
</div>

ID為two和three的兩個div，設置時關鍵是需要設置兩個屬性：position:absolute; z-index:1;

其中上面那層的div的z-index屬性要比在下面那層的div大。

以上DIV的ID屬性只是為了說明，一般程序中使用class屬性設置。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久精品成人一区二区三区| 国模吧一区二区| 尤物九九久久国产精品的分类| 国产在线视频2019最新视频| 亚洲最大福利视频网站| 亚洲视频精品在线| 亚洲欧美综合区自拍另类| 国产欧美一区二区| 亚洲在线免费看| 日韩成人中文字幕在线观看| 国产极品精品在线观看| 欧美性色视频在线| 国产精品自产拍高潮在线观看| 日韩免费观看av| 国产精品免费观看在线| 91精品国产精品| 毛片精品免费在线观看| 中文字幕9999| 色综合色综合久久综合频道88| 少妇高潮久久77777| 久久天天躁夜夜躁狠狠躁2022| 久久91亚洲精品中文字幕| 欧美日本中文字幕| 久久久精品网站| 国产精品手机播放| 久久艹在线视频| 日韩精品视频免费专区在线播放| 2019日本中文字幕| 亚洲国产精品成人va在线观看| 欧美日韩精品在线观看| 国产精品女主播| 成人欧美一区二区三区在线| 亚洲免费视频网站| 2020国产精品视频| 国产精品 欧美在线| 欧美精品福利在线| 欧美一区二区三区免费视| 一区二区在线视频播放| 狠狠色狠狠色综合日日小说| 国产免费一区二区三区在线观看| 在线观看国产精品日韩av| 亚洲国产精品电影| 亚洲美女又黄又爽在线观看| 全亚洲最色的网站在线观看| 欧美激情国产日韩精品一区18| 亚洲国产欧美在线成人app| 97国产在线观看| 91精品国产综合久久香蕉最新版| 亚洲精品视频久久| 国产精品久久久久久久久久免费| 国产日韩欧美视频| 日韩av综合网站| 欧美有码在线观看视频| 精品亚洲va在线va天堂资源站| 欧美做爰性生交视频| 国产精品久久久久久中文字| 精品调教chinesegay| 亚洲香蕉成人av网站在线观看| 精品亚洲男同gayvideo网站| 欧美福利视频网站| 亚洲黄色片网站| 欧美综合第一页| 欧美交受高潮1| 欧美色xxxx| 国产精品扒开腿做爽爽爽的视频| 国产精品久久久久久久久久久久| 国产精品男女猛烈高潮激情| 亚洲免费伊人电影在线观看av| 性色av一区二区三区红粉影视| 4438全国亚洲精品在线观看视频| 亚洲日本欧美日韩高观看| 亚洲美女精品久久| 亚洲精品国精品久久99热一| 亚洲97在线观看| 欧美www视频在线观看| 色综合亚洲精品激情狠狠| 国产精品精品久久久| 亚洲美女精品久久| 国产专区精品视频| 6080yy精品一区二区三区| 国产精品av在线| 一区二区欧美久久| 97精品一区二区视频在线观看| 欧美电影在线观看网站| 日韩精品中文字| 欧美电影免费在线观看| 日韩美女激情视频| 精品国产户外野外| 亚洲伊人久久大香线蕉av| 这里只有精品在线播放| 亚洲v日韩v综合v精品v| 中文字幕亚洲一区二区三区五十路| 日韩在线免费视频| 亚洲а∨天堂久久精品9966| 日韩久久精品电影| 最近2019中文字幕一页二页| 在线亚洲欧美视频| 欧美又大粗又爽又黄大片视频| 日本成人免费在线| 色婷婷av一区二区三区久久| 久久综合久中文字幕青草| 91国产美女视频| 欧美性做爰毛片| 在线精品高清中文字幕| 久久久久久国产精品久久| 狠狠躁18三区二区一区| 国产69精品久久久久9999| 欧美成人免费全部观看天天性色| 中文字幕成人精品久久不卡| 亚洲欧美一区二区精品久久久| 国产日韩综合一区二区性色av| 亚洲最新av在线网站| 性色av一区二区三区红粉影视| 色偷偷88888欧美精品久久久| 91成人在线视频| 国产精品白丝av嫩草影院| 影音先锋日韩有码| 色综合天天狠天天透天天伊人| 欧美高清不卡在线| 亚洲欧美一区二区激情| 日本在线观看天堂男亚洲| 欧美性猛交xxx| 国产日韩在线一区| 欧美亚洲国产成人精品| 精品欧美aⅴ在线网站| 日韩在线高清视频| 欧美日韩一区免费| 欧美亚洲国产视频小说| 亚洲欧洲第一视频| 在线观看欧美日韩国产| 欧美日韩国产综合新一区| 国产精品直播网红| 性亚洲最疯狂xxxx高清| 日韩电影大片中文字幕| 久久精品国产成人| 尤物yw午夜国产精品视频| 亚洲欧美变态国产另类| 91精品久久久久久久久久久久久| 欧美另类99xxxxx| 欧美日韩免费看| 精品国产户外野外| 国产成人精品免费视频| 成人av电影天堂| 不卡毛片在线看| 久久免费高清视频| 日韩国产欧美精品一区二区三区| 色噜噜久久综合伊人一本| 一区二区三区久久精品| 91精品国产99久久久久久| 国产精品国产三级国产aⅴ9色| 不卡伊人av在线播放| 97人人模人人爽人人喊中文字| 成人黄色av免费在线观看| 91av视频在线免费观看| 97涩涩爰在线观看亚洲| 久久av在线看| xvideos亚洲| 欧洲午夜精品久久久| 日本高清不卡在线| 国内偷自视频区视频综合| 久久精品视频va| 在线看福利67194| 性色av一区二区咪爱| 欧美激情免费看|