首頁 > web前端 > js教程 > 按一下和雙擊事件的衝突處理範例程式碼_jquery

按一下和雙擊事件的衝突處理範例程式碼_jquery

WBOY
發布: 2016-05-16 16:53:33
原創
1129 人瀏覽過

先上程式碼:

複製程式碼 程式碼如下:






jQuery命名空間



效果如圖所示,我雙擊的同時,會先觸發兩個單擊事件,這是怎麼回事?還有,如果我不想在雙擊的時候觸發

點擊事件,而只是觸發雙擊事件,那該怎麼解決?我也有試過在雙擊的時候,先把點擊事件解綁,

可這樣一來,點擊事件又不能用了。 。 。


 按一下和雙擊事件的衝突處理範例程式碼_jquery
後來在論壇上問別人,終於有了答案。那就是使用setTimeout()這個方法設定點擊事件的時間間隔,這個時間間隔一般
設為300ms,這樣在雙擊的時候,由於雙擊的時間間隔小於300ms,所以就不會產生click事件,而只是產生
dblclick事件。在雙擊事件裡面,需要用clearTimeout()函數清除click事件的處理。程式碼如下:

複製程式碼 程式碼如下:


如此,這個問題就解決了!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板