萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> IE下雙擊checkbox反應延遲問題的解決方法

IE下雙擊checkbox反應延遲問題的解決方法

 這篇文章主要介紹了IE下雙擊checkbox反應延遲問題的解決方法,需要的朋友可以參考下

 代碼如下: <span style="font-size:18px;"><input type='checkbox'/></span>    上面這段代碼在IE下會生成一個多選框,單擊它會選中打勾,再次單擊則會取消打勾。    這樣看上去並沒有什麼不妥的地方,但是如果你嘗試快速兩次單擊(比雙擊稍微慢一點吧。。)這個按鈕,可能效果並不如你想象的那樣。    在IE下面,假如此時checkbox為選中狀態,在你快速兩次單擊的過程中,第一次單擊會使得checkbox取消選中,第二次單擊完之後checkbox並不會變為已選中,而是繼續保持取消選中狀態。    在Chrome等浏覽器下,第一次單擊會使得checkbox取消選中,在第二次單擊之後checkbox會還原為已選中的狀態。    所以在IE下,雙擊後,checkbox會變為相反的狀態。在非IE下,雙擊後checkbox為相同的狀態。    如果想在IE下雙擊checkbox會達到非IE下的效果,則需使用如下代碼:  代碼如下: <input type='checkbox'/>  $("input[type='checkbox']").attr('ondblclick', 'this.click()');     
copyright © 萬盛學電腦網 all rights reserved