濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > 用DIV遮罩解決鼠標(biāo)直接勾選checkbox無(wú)效的問(wèn)題

用DIV遮罩解決鼠標(biāo)直接勾選checkbox無(wú)效的問(wèn)題
熱門標(biāo)簽：經(jīng)綸電銷機(jī)器人 鄒城智能外呼系統(tǒng) 浦東新區(qū)百度地圖標(biāo)注圖片 華為收費(fèi)站地圖標(biāo)注 巫山縣地圖標(biāo)注app 電話機(jī)器人宣傳片 外呼智能系統(tǒng)報(bào)價(jià) 騰訊植物園地圖標(biāo)注 個(gè)貸電銷機(jī)器人
在前端開(kāi)發(fā)的過(guò)程中，遇到一種情況，需要勾選，為了用戶的操作便捷就將click事件放到了DIV上。（其中使用了knockout.js）

代碼大概如下：

復(fù)制代碼
代碼如下:

<div id="one" data-biind="click:clickevent">
<input type="checkbox"><span>有事請(qǐng)勾我</span>
</div>

但是這樣寫出現(xiàn)了一個(gè)奇怪的現(xiàn)象，鼠標(biāo)點(diǎn)擊div一切正常。

但鼠標(biāo)直接勾選checkbox不正常：

checkbox處于未勾選狀態(tài)，鼠標(biāo)直接點(diǎn)擊checkbox勾選，此時(shí)應(yīng)該實(shí)現(xiàn)是：1、執(zhí)行div的clickevent事件；2、事件執(zhí)行完畢后，checkbox處于勾選狀態(tài)。

但最終的結(jié)果卻是，checkbox仍然處于未勾選狀態(tài)。

跟蹤調(diào)試結(jié)果是，在執(zhí)行完clickevent事件時(shí)，checkbox還是處于勾選狀態(tài)，但clickevent執(zhí)行完后，接著進(jìn)入jquery的代碼執(zhí)行，走了兩三步后，checkbox即被改成未選中狀態(tài)。

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

沒(méi)辦法，只能變通一下，通過(guò)在checkbox上面覆蓋一層div，讓鼠標(biāo)點(diǎn)擊的時(shí)候點(diǎn)的是div而不是checkbox，通過(guò)clickevent改變checkbox狀態(tài)（clickevent事件中本來(lái)就有改變checkbox狀態(tài)的代碼）

實(shí)現(xiàn)如下：

復(fù)制代碼
代碼如下:

<div id="one">
<div id="two" data-bind="click:clickevent"></div>
<div id="three">
<input type="checkbox"/> <span>有事請(qǐng)勾我</span>
</div>
</div>

ID為two和three的兩個(gè)div，設(shè)置時(shí)關(guān)鍵是需要設(shè)置兩個(gè)屬性：position:absolute; z-index:1;

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

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

標(biāo)簽：那曲 滁州 廣西 日喀則 楊凌 三沙 唐山 南平

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《用DIV遮罩解決鼠標(biāo)直接勾選checkbox無(wú)效的問(wèn)題》，本文關(guān)鍵詞  用,DIV,遮罩,解決,鼠標(biāo),直接,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《用DIV遮罩解決鼠標(biāo)直接勾選checkbox無(wú)效的問(wèn)題》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于用DIV遮罩解決鼠標(biāo)直接勾選checkbox無(wú)效的問(wèn)題的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    青冈县| 兴安县| 法库县| 收藏| 万荣县| 大理市| 大港区| 偃师市| 福泉市| 富川| 虎林市| 乌兰县| 湟中县| 龙门县| 随州市| 张掖市| 永安市| 定南县| 江西省| 长春市| 安福县| 墨竹工卡县| 吴川市| 米脂县| 邳州市| 盐津县| 耒阳市| 车险| 碌曲县| 石门县| 舞阳县| 长春市| 武清区| 丰宁| 卢氏县| 石狮市| 盐源县| 普宁市| 绥宁县| 观塘区| 临夏县|