這篇文章將為大家詳細講解有關JS怎么實現同一DOM元素上onClick事件與onDblClick事件并存，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯公司服務項目包括孝昌網站建設、孝昌網站制作、孝昌網頁制作以及孝昌網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，孝昌網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到孝昌省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

js的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.js技術進行服務器端編程。

具體如下：

最近項目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2個事件，如果按照正常的方式添加處理，結果發現只會執行 onclick，而不會執行 ondblclick；這時我們需要對2個事件的處理函數稍作處理就可以實現2個事件并存了，代碼如下：

 var clickTimer = null;
 function _click(){
   if(clickTimer) {
     window.clearTimeout(clickTimer);
     clickTimer = null;
   }
   clickTimer = window.setTimeout(function(){
      // your click process code here
      alert("你單擊了我");
   }, 300);
 }
  function _dblclick(){
   if(clickTimer) {
     window.clearTimeout(clickTimer);
     clickTimer = null;
   }
   // your click process code here
   alert("你雙擊了我");
 }

單擊或雙擊我

處理思想就是：利用定時器延遲執行onclick事件，這樣在雙擊過程中會取消中途觸發的單擊事件。

關于“JS怎么實現同一DOM元素上onClick事件與onDblClick事件并存”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。