亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS實(shí)現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法

 更新時(shí)間：2018年06月07日 11:17:13   作者：山哥  
這篇文章主要介紹了JS實(shí)現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法,結(jié)合實(shí)例形式分析了javascript通過(guò)針對(duì)單擊onclick事件增加定時(shí)器進(jìn)行onClick事件與onDblClick事件的區(qū)別判定操作,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)同一DOM元素上onClick事件與onDblClick事件并存的解決方法。分享給大家供大家參考，具體如下：

最近項(xiàng)目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2個(gè)事件，如果按照正常的方式添加處理，結(jié)果發(fā)現(xiàn)只會(huì)執(zhí)行 onclick，而不會(huì)執(zhí)行 ondblclick；這時(shí)我們需要對(duì)2個(gè)事件的處理函數(shù)稍作處理就可以實(shí)現(xiàn)2個(gè)事件并存了，代碼如下：

<script type="text/javascript">
 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("你雙擊了我");
 }
</script>
<button onclick="_click();" ondblclick="_dblclick();">單擊或雙擊我</button>

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

PS：關(guān)于javascript事件說(shuō)明可參考本站javascript事件與功能說(shuō)明大全：http://tools.jb51.net/table/javascript_event

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論