jquery实现双击事件不触发单击事件

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">var Test = {
times: 0,
timer: null,
logs: [],first: null,
last: null,do_click: function() {var self = Test;self.start();clearTimeout(self.timer);self.times++;self.timer = setTimeout(function() { self.logs.push('click'); self.echo(); }, 300);
},do_dblclick: function() {var self = Test;clearTimeout(self.timer);self.logs.push('dblclick');self.echo();
},start: function() {if (this.first == null) {this.first = new Date().getTime();}
},end: function() {if (this.last == null) {this.last = new Date().getTime();}
},get_time: function() {return (this.last - this.first) || 0;
},echo: function() {var self = Test;self.end();var log = 'No.' + self.times + '; Use time: ' + self.get_time() + 'ms; Event: ' + self.logs.join(', ') + ';<br />\n';$('#log').prepend(log);self.first = null;self.last = null;self.logs = [];
},init: function() {$(document).ready(function() {$('div').click(Test.do_click).dblclick(Test.do_dblclick);});}
};Test.init();</script>
</head><body>
<div style="width:200px; height:50px; border:1px solid #999;">Click / DblClick Me!</div>
Log:<br />
<textarea id="log" rows="20" cols="50"></textarea>
</body>
</html>

jquery实现双击事件不触发单击事件相关推荐

js区分单击双击，双击不会触发单击事件
如果一个按钮,单击触发的事件跟双击触发的是不同的业务,那么这里介绍的就是如何处理双击的过程中不触发单击事件的方法 <html><meta charset="UTF-8&qu ...
解决echart单击事件、双击事件矛盾，echart双击事件会触发单击事件的问题。echart单击或者双击实现地图穿透，展示选中地图
最近项目实现可视化,首先加载中国或者某个省,或者某个市的地图,单击其中选中的地图,其他图表数据会重新请求并变化:双击选中的地图,当前echart地图会变成选中的地图(上面描述口水话,一句简单概括,双击 ...
jQuery 双击事件（dblclick）时，不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那 ...
jQuery —— 元素绑定单击事件（click），但是双击该元素也能触发单击事件，同时会触发两次单击事件的问题
最近做项目遇到一个问题,给元素绑定了单击事件,但是双击该元素时同样会触发单击事件,并且触发两次的问题,网上找了解决办法基本上都是用 clearTimeout .setTimeout 解决,但是效果不是 ...
JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突，双击事件触发单击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突. 我们加一个延迟时间就能很好的解决这个问题. 原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 ...
WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题
WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题目录一.触屏事件连带触发鼠标事件的问题二.DataGrid 误触问题及解决方法独立观察员 2021 年 10 月 10 日一 ...
双击事件（dblclick）时，不触发单击事件(click) 1
事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如button等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击 ...
html 左键右键双击事件,html中在鼠标双击元素时触发的事件属性ondblclick
实例Copy Text 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 ondblclick 属性. 定义和用法 ondblclick 属性在鼠标双击元 ...
使用CSS和JQuery，模拟超链接的用户单击事件
在正式开始本文之前,先来简单介绍下HTML的<a>标签: 使用<a>标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法: 通过使用 href 属性,创建指向另外 ...

jquery实现双击事件不触发单击事件

jquery实现双击事件不触发单击事件相关推荐

最新文章

热门文章