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

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

js的作用是什么

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

具體如下：

最近項目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2個事件，如果按照正常的方式添加處理，結(jié)果發(fā)現(xiàn)只會執(zhí)行 onclick，而不會執(zhí)行 ondblclick；這時我們需要對2個事件的處理函數(shù)稍作處理就可以實現(xiàn)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("你雙擊了我");
 }

單擊或雙擊我

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

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