失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js区分click事件和mousedown 单击和双击事件

js区分click事件和mousedown 单击和双击事件

时间:2018-08-10 14:43:16

相关推荐

js区分click事件和mousedown 单击和双击事件

一、点击和拖动

1、问题

对于同一个对象进行的操作涉及点击(click)和拖动(mousedown,mousemove,mouseup),而拖动中又会触发一次点击事件

2、解决:设置全局变量判断点击之后是否移动

点击事件: mousedown–>mouseup

拖动事件: mousedown–>mousemove–>mouseup

var ismove;function mousedown(){ismove = false;}function mousemove(){ismove = true;}function mouseup(){if(ismove){拖动...}else{点击}}

二、单击和双击

1、问题

双击事件会触发一次单击和一次双击

2、解决

//定义setTimeout执行方法var time = null;$('div').click(function () {// 取消上次延时未执行的方法clearTimeout(time);//执行延时time= setTimeout(function(){//do function在此处写单击事件要执行的代码},300);});$('div').dblclick(functin () {// 取消上次延时未执行的方法clearTimeout(time);//双击事件的执行代码})

如果觉得《js区分click事件和mousedown 单击和双击事件》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。