IE下雙擊checkbox反應(yīng)延遲問題的解決方法
更新時間:2014年03月27日 11:38:07 作者:
這篇文章主要介紹了IE下雙擊checkbox反應(yīng)延遲問題的解決方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<span style="font-size:18px;"><input type='checkbox'/></span>
上面這段代碼在IE下會生成一個多選框,單擊它會選中打勾,再次單擊則會取消打勾。
這樣看上去并沒有什么不妥的地方,但是如果你嘗試快速兩次單擊(比雙擊稍微慢一點吧。。)這個按鈕,可能效果并不如你想象的那樣。
在IE下面,假如此時checkbox為選中狀態(tài),在你快速兩次單擊的過程中,第一次單擊會使得checkbox取消選中,第二次單擊完之后checkbox并不會變?yōu)橐堰x中,而是繼續(xù)保持取消選中狀態(tài)。
在Chrome等瀏覽器下,第一次單擊會使得checkbox取消選中,在第二次單擊之后checkbox會還原為已選中的狀態(tài)。
所以在IE下,雙擊后,checkbox會變?yōu)橄喾吹臓顟B(tài)。在非IE下,雙擊后checkbox為相同的狀態(tài)。
如果想在IE下雙擊checkbox會達(dá)到非IE下的效果,則需使用如下代碼:
復(fù)制代碼 代碼如下:
<input type='checkbox'/>
$("input[type='checkbox']").attr('ondblclick', 'this.click()');
相關(guān)文章
利用JavaScript實現(xiàn)簡單的網(wǎng)頁時鐘
這篇文章主要介紹了利用JavaScript實現(xiàn)簡單的網(wǎng)頁時鐘,主要使用了js的日期對象,實現(xiàn)的時候先創(chuàng)建一個日期對象,并進(jìn)行網(wǎng)頁布局,對時間獲取之后將時間填入對應(yīng)的標(biāo)簽內(nèi)。然后使用多線程實現(xiàn)時鐘的變動,需要的朋友可以參考一下2022-02-02
學(xué)習(xí)JavaScript正則表達(dá)式
這篇文章主要介紹了JavaScript正則表達(dá)式,詳細(xì)深入的了解JavaScript正則表達(dá)式,從而更熟練掌握J(rèn)avaScript正則表達(dá)式,感興趣的小伙伴們可以參考一下2015-11-11
javascript面向?qū)ο蟪绦蛟O(shè)計高級特性經(jīng)典教程(值得收藏)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計高級特性,結(jié)合實例形式詳細(xì)講述了javascript對象的創(chuàng)建,訪問,刪除,對象類型,擴展等,需要的朋友可以參考下2016-05-05

