美文网首页JS
区分单击和双击事件

区分单击和双击事件

作者: 小飞侠zzr | 来源:发表于2017-10-31 08:39 被阅读0次

原理:利用定时器,不让单击的事件立即触发,而是延时一会触发,在这过程中如果出发了双击事件,那么就清除单击事件

var timer = 0;
redDiv.onclick=function(){
clearTimeout(timer)
timer=setTimeout(function(){
console.log('单击,送爱心');
},200);
}
redDiv.ondblclick=function(){
clearTimeout(timer)
console.log('双击 保存我');
}

相关文章

  • 区分单击和双击事件

    原理:利用定时器,不让单击的事件立即触发,而是延时一会触发,在这过程中如果出发了双击事件,那么就清除单击事件 va...

  • 实现html/js同时启用单双击事件

    在同一个dom元素同时启用了单击和双击事件时,双击会触发两次单击事件和一次双击事件,并且触发顺序是:单击1 -> ...

  • touch事件单击双击区分响应

    如果您的 iPhone 应用里有个 view,既有单击操作又有双击操作。用户双击 view 时,总是先执行一遍单击...

  • 区分单击和双击手势

    公司项目里用URBMediaFocusViewController来 animates thumbnail pre...

  • 如何区分鼠标的单击和双击事件

    鼠标的单击事件:onclick鼠标的双击事件:ondblclick原理:鼠标的每次按下抬起都会算作是一次单击事件 ...

  • js基本事件

    单击事件:onclick:单击事件ondbclick:双击事件 鼠标事件:onmousemove:鼠标移动事件on...

  • 五、jQuery事件

    一、鼠标事件 1、鼠标点击 注意1、双击事件伴随着单击事件,因此双击事件会触发两次单击事件2、单击事件又伴随着mo...

  • UITabBarItem 双击事件

    业务需求:在选中某一Tab后,为其添加单击和双击事件(注意单击双击事件必须需独立,不能同时触发) 方案构思: 方案...

  • 双击事件和单击事件冲突

    只要使用GestureDetector就能解决这个问题 单击事件写在onSingleTapConfirmed(ev...

  • jQuery系列(四) -- 事件

    鼠标事件 .click() ==> 单击事件 .dblclick() ==> 双击事件 .mousedown() ...

网友评论

    本文标题:区分单击和双击事件

    本文链接:https://www.haomeiwen.com/subject/blmvpxtx.html