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、单击和双击事件相关推荐

js中单击和双击事件的区分
js中单击和双击事件的区分 1. 首先要了解鼠标点击(单击或双击)时包含的事件. mousedown 事件: 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件.与 cl ...
JS - 解决鼠标单击、双击事件冲突问题（原生js实现）
由于鼠标双击时每一次触发双击事件都会引起两次单击事件和一次双击事件,原生的js不提供专门的双击事件. 因为业务原因,双击和单机都绑定了不同的业务,在双击的时候又触发了单机,影响了页面的正常显示出现问 ...
javascript 鼠标单击和双击事件并存的实现方法
http://www.jbxue.com/article/8033.html 本文介绍下实现javascript鼠标单击与双击事件并存的方法,经常需要为一个链接注册双击事件,或让一个按钮或者其他元素上 ...
[IOS]实现IOS单击或者双击事件
提供一下三种方法参考: 方法一: //单击事件 -(void)fun1 { NSLog(@"click1"); } //双击事件 -(void)fun2 { NSLog(@&quo ...
ASPxGridView1单击，双击事件
ASPxGridView1没有自带的单击,双击事件,所以要自己写,<script language="javascript" type="text/javascri ...
禁用CMFCRibbonApplicationButton的单击和双击事件
为了禁用CMFCRibbonApplicationButton的单击和双击事件,我重载了CMFCRibbonApplicationButton如下: 1. MyRibbonApplicationBut ...
GridView/DataGrid行单击和双击事件实现代码_.Net教程
功能: 单击选中行,双击打开详细页面说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应 ...
js(javascript) onclick与ondblclick 单击与双击事件
js 单击时间为:onclick 双击事件为:ondblclick 如下是一个演示,想必很清楚,复制代码运行一下就懂了: <meta http-equiv="Content-Type& ...
给html元素绑定单击和双击事件
1 直接绑定时双击函数被触发时单击函数也会被触发而且是先被触发两次 <div class="test" οnclick="test()" οndbl ...

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

js区分click事件和mousedown、单击和双击事件相关推荐

最新文章

热门文章