欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中雙擊和單擊事件沖突的解決方法

 更新時間：2018年04月09日 10:53:13   作者：snowsolf  
這篇文章主要為大家詳細介紹了JS中雙擊和單擊事件沖突的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

在JS中代碼中同一功能塊中通常同時會用到單擊、雙擊事件，但通常會遇到一個問題，就是在雙擊的時候即執(zhí)行了一次雙擊事件，而且還執(zhí)行了兩次單擊事件。此類沖突在ZTree、DHTMLX中經(jīng)常遇到。

想要解決兩個事件沖突，需要對單擊事件進行延時，如果在此延時中又監(jiān)測到單擊事件，那么認為此兩次單擊屬于一個雙擊事件，則只執(zhí)行雙擊事件，并第一時間將延時定時器清理，以防止第二次單擊生效。

具體代碼如下：

var clickFlag = null;//是否點擊標(biāo)識（定時器編號）
function doOnClick(...) {
  if(clickFlag) {//取消上次延時未執(zhí)行的方法
    clickFlag = clearTimeout(clickFlag);
  }
  
  clickFlag = setTimeout(function() {
    // click 事件的處理
  }, 300);//延時300毫秒執(zhí)行
}

function doOnDblClick(...) {
  if(clickFlag) {//取消上次延時未執(zhí)行的方法
    clickFlag = clearTimeout(clickFlag);
  }
  
  // dblclick 事件的處理
}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • JS自定義混合Mixin函數(shù)示例

    JS自定義混合Mixin函數(shù)示例

    這篇文章主要介紹了JS自定義混合Mixin函數(shù),涉及javascript面向?qū)ο蟪绦蛟O(shè)計中函數(shù)與屬性操作相關(guān)技巧,需要的朋友可以參考下
    2016-11-11
  • JS 樹形遞歸實例代碼

    JS 樹形遞歸實例代碼

    下面的代碼是從實際項目中AJAX的回調(diào)部分 copy 出來的，使用了JS的遞歸，文本格式為JSON
    2010-05-05
  • 完美實現(xiàn)八種js焦點輪播圖（上篇）

    完美實現(xiàn)八種js焦點輪播圖（上篇）

    這篇文章主要介紹了完美實現(xiàn)八種js焦點輪播圖的具體資料，基于完美運動框架move2.js而完成的八種焦點錄播圖，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-07-07
  • js倒計時小實例（多次定時）

    js倒計時小實例（多次定時）

    這篇文章主要介紹了js實現(xiàn)可多次定時的倒計時小實例,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • uniapp實現(xiàn)左右聯(lián)動商品分類頁面

    uniapp實現(xiàn)左右聯(lián)動商品分類頁面

    一個電商的app,商品的展示是必不可少的,聯(lián)動分類展示是很常見的,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)左右聯(lián)動商品分類頁面的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-06-06
  • js實現(xiàn)ASP分頁函數(shù) HTML分頁函數(shù)

    js實現(xiàn)ASP分頁函數(shù) HTML分頁函數(shù)

    js實現(xiàn)ASP分頁函數(shù) HTML分頁函數(shù)...
    2006-09-09
  • 一個js封裝的不錯的選項卡效果代碼

    一個js封裝的不錯的選項卡效果代碼

    在論壇里經(jīng)?？吹饺藛栠x項卡或者類似選項卡的切換效果 這里封裝了個js，希望對大家有用 所有代碼都在下面了 如果有錯誤或者建議，可以回貼告訴我，謝謝
    2008-02-02
  • Javascript模塊化機制實現(xiàn)原理詳解

    Javascript模塊化機制實現(xiàn)原理詳解

    這篇文章主要介紹了Javascript模塊化機制實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-04-04
  • 快速使用Bootstrap搭建傳送帶

    快速使用Bootstrap搭建傳送帶

    這篇文章主要介紹了快速使用Bootstrap搭建傳送帶的相關(guān)資料,非常具有參考借鑒價值，需要的朋友可以參考下
    2016-05-05
  • 關(guān)于javascript中json 對象數(shù)組之間相互轉(zhuǎn)化問題

    關(guān)于javascript中json 對象數(shù)組之間相互轉(zhuǎn)化問題

    這篇文章主要介紹了關(guān)于javascript中json 對象數(shù)組之間相互轉(zhuǎn)化問題,在實際應(yīng)用中，JSON對象和數(shù)組的結(jié)構(gòu)可能更加復(fù)雜，需要根據(jù)具體情況進行相應(yīng)的處理和轉(zhuǎn)換，需要的朋友可以參考下
    2023-07-07

最新評論