js区分单击双击，双击不会触发单击事件

如果一个按钮，单击触发的事件跟双击触发的是不同的业务，那么这里介绍的就是如何处理双击的过程中不触发单击事件的方法

 <html><meta charset="UTF-8" /><button onclick="testClick()" style="width: 150px;">tapMe1</button></html><script>var funcTap = function() {console.log("tap")}var funcDoubleTap = function() {console.log("doubleTap")}var diffTapAndDbTap = (function() {var firstTap = 0;var tapLock = 0;var exeDbTap = 0;return function(funcTap, funcDoubleTap) {if(1 == exeDbTap) { //如果双击事件执行过，那么重置所有状态位firstTap = 0;tapLock = 0;exeDbTap = 0;}if(firstTap == 0) { //0代表单击状态位firstTap = 1;setTimeout(function() {if(tapLock == 0) { //单击没有被锁住，则执行单击事件funcTap();}firstTap = 0;}, 500)return;}if(firstTap == 1) { //1代表单击状态位tapLock = 1; //锁住单击事件funcDoubleTap();exeDbTap = 1; //表示双击事件已经执行过}}})()var testClick = function() {diffTapAndDbTap(funcTap, funcDoubleTap);}</script>

js区分单击双击，双击不会触发单击事件相关推荐

JS改变input的value值不触发onchange事件解决方案（转）
JS改变input的value值不触发onchange事件解决方案 (转) 参考文章: (1)JS改变input的value值不触发onchange事件解决方案 (转) (2)https://www. ...
通过js给input框的value赋值触发input事件
主要通过在赋值后直接.trigger('input') 可以看这个:https://blog.csdn.net/qq_35087256/article/details/79552624 <inp ...
js 触发 change 事件
首先,请各位包涵,我本人对 JS 不是很熟,不知道"触发change事件"和"触发onchange事件"哪个更加合适.有园友知道的麻烦指出,先行谢过. 起因是这 ...
JS高级程序设计读书笔记（第十三章事件）
第十三章事件 JavaScript 与 HTML 之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代 ...
如何通过JQuery动态触发oninput事件
众所周知,如果想到实时监听input框值的改变可以通过监听input事件完成,例如: let $input = $("#input"); $input.on("input ...
JS双击触发2次单击问题解决方案/js区分单击和双击/连续点击事件
开发过程中,我们可能会遇到单击(onclick)和双击(ondblclick)需要实现不同的交互效果.当我们在同一个对象同时绑定了onclick和ondblclick事件,双击对象会执行2次单击事件和 ...
js中单击和双击事件的区分
js中单击和双击事件的区分 1. 首先要了解鼠标点击(单击或双击)时包含的事件. mousedown 事件: 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件.与 cl ...
JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突. 我们加一个延迟时间就能很好的解决这个问题. 原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 ...
js区分click事件和mousedown、单击和双击事件
一.点击和拖动 1.问题对于同一个对象进行的操作涉及点击(click)和拖动(mousedown,mousemove,mouseup),而拖动中又会触发一次点击事件 2.解决:设置全局变量判断点击之 ...

js区分单击双击，双击不会触发单击事件

js区分单击双击，双击不会触发单击事件相关推荐

最新文章

热门文章