IE下雙擊checkbox反應(yīng)延遲問(wèn)題的解決方法
更新時(shí)間：2014年03月27日 11:38:07 作者：
這篇文章主要介紹了IE下雙擊checkbox反應(yīng)延遲問(wèn)題的解決方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<span style="font-size:18px;"><input type='checkbox'/></span>
上面這段代碼在IE下會(huì)生成一個(gè)多選框，單擊它會(huì)選中打勾，再次單擊則會(huì)取消打勾。
這樣看上去并沒(méi)有什么不妥的地方，但是如果你嘗試快速兩次單擊（比雙擊稍微慢一點(diǎn)吧。。）這個(gè)按鈕，可能效果并不如你想象的那樣。
在IE下面，假如此時(shí)checkbox為選中狀態(tài)，在你快速兩次單擊的過(guò)程中，第一次單擊會(huì)使得checkbox取消選中，第二次單擊完之后checkbox并不會(huì)變?yōu)橐堰x中，而是繼續(xù)保持取消選中狀態(tài)。
在Chrome等瀏覽器下，第一次單擊會(huì)使得checkbox取消選中，在第二次單擊之后checkbox會(huì)還原為已選中的狀態(tài)。
所以在IE下，雙擊后，checkbox會(huì)變?yōu)橄喾吹臓顟B(tài)。在非IE下，雙擊后checkbox為相同的狀態(tài)。
如果想在IE下雙擊checkbox會(huì)達(dá)到非IE下的效果，則需使用如下代碼：
復(fù)制代碼 代碼如下:
<input type='checkbox'/>
$("input[type='checkbox']").attr('ondblclick', 'this.click()');
相關(guān)文章
input 標(biāo)簽實(shí)現(xiàn)輸入框帶提示文字效果(兩種方法)
這篇文章主要介紹了input 標(biāo)簽實(shí)現(xiàn)輸入框帶提示文字效果(兩種方法),需要的朋友可以參考下2017-10-10
原生JavaScript實(shí)現(xiàn)的簡(jiǎn)單省市縣三級(jí)聯(lián)動(dòng)功能示例
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)的簡(jiǎn)單省市縣三級(jí)聯(lián)動(dòng)功能,結(jié)合完整實(shí)例形式分析了javascript聯(lián)動(dòng)菜單的實(shí)現(xiàn)方法,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-05-05
前端面試的底氣之實(shí)現(xiàn)一個(gè)深拷貝
最近學(xué)到一個(gè)有關(guān)深拷貝的實(shí)現(xiàn)方法,為加深印象,這里給大家分享一下,下面這篇文章主要給大家介紹了關(guān)于前端面試的底氣之實(shí)現(xiàn)一個(gè)深拷貝的相關(guān)資料,需要的朋友可以參考下2022-05-05
在瀏覽器中獲取當(dāng)前執(zhí)行的腳本文件名的代碼
同事提了一個(gè)問(wèn)題，如何在瀏覽器中動(dòng)態(tài)插入的 JavaScript 文件中，獲取當(dāng)前文件名？2011-07-07
javascript中onmouse事件在div中失效問(wèn)題的解決方法
我們預(yù)期只有當(dāng)鼠標(biāo)從div中移開(kāi)的時(shí)候才會(huì)觸發(fā)onmouseout事件，可事實(shí)上，當(dāng)我們移到div中的元素時(shí)，例如：本例中的a標(biāo)簽時(shí)，就會(huì)觸發(fā) onmousout事件2012-01-01
最近心血來(lái)潮，用JavaScript實(shí)現(xiàn)了Windows自帶的掃雷游戲。當(dāng)前只實(shí)現(xiàn)了基本功能，還有一個(gè)缺點(diǎn)就是只能在IE上正常運(yùn)行，估計(jì)是事件沒(méi)有處理好。2009-05-05
我們?cè)趯慍SS的時(shí)候，會(huì)遇到大量相同的屬性(比如：margin-top:10px)這種屬性幾乎每個(gè)vue頁(yè)面都有。這個(gè)時(shí)候，我們可以把css掛載到全局上，供所有vue頁(yè)面使用，同時(shí)也方便修改。感興趣的同學(xué)可以參考一下2023-04-04
漂亮實(shí)用的頁(yè)面loading(加載)封裝代碼
要做一個(gè)異步登錄，打算給用戶做一點(diǎn)提示，所以就網(wǎng)上找了點(diǎn)代碼，自己修改新增了一些，做了一個(gè)html+css+js的功能封裝,供大家參考，需要的朋友參考下吧2017-02-02
js前端加載超大圖片(100M以上)實(shí)現(xiàn)秒開(kāi)的最佳解決方案
前端加載超大圖片時(shí),一般可以采取圖片壓縮,圖片分割,預(yù)加載等措施,而對(duì)于幾百M(fèi)或上G的大圖而言,不管對(duì)圖片進(jìn)行怎么優(yōu)化或加速處理,要實(shí)現(xiàn)秒開(kāi)也是不太可能的事情,所以本文小編將給大家介紹如何對(duì)大圖進(jìn)行分割,在前端進(jìn)行拼接實(shí)現(xiàn)秒開(kāi),需要的朋友可以參考下2023-10-10
javascript基礎(chǔ)語(yǔ)法學(xué)習(xí)筆記
這篇文章主要為大家分享了javascript基礎(chǔ)語(yǔ)法學(xué)習(xí)筆記，幫助大家夯實(shí)javascript基礎(chǔ)知識(shí)，感興趣的小伙伴們可以參考一下2016-01-01