js 的單雙擊事件同時存在會有一個問題：雙擊事件會同時觸發單擊事件，兩個事件存在沖突。
我們加一個延遲時間就能很好的解決這個問題。

原理： 當接收到第一個點擊時，我們先把單擊事件存儲在這個是全局變量 click_store 里，如果 0.3 秒內沒有接收到雙擊事件，就去執行它，如果接收到了，我們把它清理掉，然后去執行雙擊事件。setTimeout() 可以實現延遲執行。

var click_store // 定義一個全局變量存儲單擊觸發事件document.addEventListener('click', deal_click); document.addEventListener('dblclick', deal_dblclick);function deal_click(e){click_store = setTimeout(function(e){// 單擊觸發事件，0.3s延遲...},300); }function deal_dblclick(e){// 單擊事件清理clearTimeout(click_store);// 雙擊觸發事件... }

喜歡的點個贊?吧！

總結

以上是生活随笔為你收集整理的JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。