我要评论在js中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ztree、dhtmlx中经常遇到。
想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。
具体代码如下：
var clickflag = null;//是否点击标识（定时器编号）
function doonclick(...) {
if(clickflag) {//取消上次延时未执行的方法
clickflag = cleartimeout(clickflag);
}
clickflag = settimeout(function() {
// click 事件的处理
}, 300);//延时300毫秒执行
}
function doondblclick(...) {
if(clickflag) {//取消上次延时未执行的方法
clickflag = cleartimeout(clickflag);
}
// dblclick 事件的处理
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
- vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents
- axios 处理 302 状态码的解决方法
- [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature
- react-native 在新版Xcode（10+）中运行出现的问题： node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
- 使用puppeteer爬取网站并抓出404无效链接
- 【angular2+typeScript+ng-zorro】Carousel 走马灯的左右方向控件实现
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论