美文网首页
如何区分鼠标的单击和双击事件

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

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

鼠标的单击事件:onclick
鼠标的双击事件:ondblclick
原理:鼠标的每次按下抬起都会算作是一次单击事件 , 在短时间内的两次按下抬起是双击事件。
利用延时器:setTimeout 让单击事件不是立即执行,而是等到检测玩是否是双击事件的时候在执行;

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

相关文章

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

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

  • 区分单击和双击事件

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

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

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

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

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

  • jQuery - 事件(二)之 鼠标事件

    鼠标事件,元素对鼠标的诸如单击、双击、进入、离开等事件做出反应。 本文目录: click(); dblclick(...

  • 区分单击和双击手势

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

  • js基本事件

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

  • 五、jQuery事件

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

  • UITabBarItem 双击事件

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

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

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

网友评论

      本文标题:如何区分鼠标的单击和双击事件

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