jq 实现单击双击事件

jq 的 dblclick 和 click 互相独立，在触发 dblclick 的基础上也会触发两次 click
这里演示一种使其互相耦合的 demo

var click = false;
$().on('click', function () {if (click) {// 双击click = false;} else {click = true;setTimeout(function () {if (click) {// 单击click = false;}}.bind(this), 200)}
});

封装:

function dblclick(elementSelector, childSelector, dblCallback, clickCallback = undefined) {var click = false;$(elementSelector).on('click', childSelector || '', function () {if (click) {// 双击click = false;dblCallback.bind(this)();} else {click = true;setTimeout(function () {if (click) {// 单击console.log(this);click = false;clickCallback && clickCallback.bind(this)();}}.bind(this), 200)}});
}

【JavaScript】jQuery 实现耦合的鼠标单击与双击事件相关推荐

javascript 鼠标单击和双击事件并存的实现方法
http://www.jbxue.com/article/8033.html 本文介绍下实现javascript鼠标单击与双击事件并存的方法,经常需要为一个链接注册双击事件,或让一个按钮或者其他元素上 ...
JS - 解决鼠标单击、双击事件冲突问题（原生js实现）
由于鼠标双击时每一次触发双击事件都会引起两次单击事件和一次双击事件,原生的js不提供专门的双击事件. 因为业务原因,双击和单机都绑定了不同的业务,在双击的时候又触发了单机,影响了页面的正常显示出现问 ...
修复鼠标单击变双击的问题
鼠标单击变双击的问题很恼人,很多人都会觉得鼠标完蛋了,该换了. 其实这个问题很简单,就是鼠标左键的轻触开关触点不够清洁了(在电脑里设置XXX功能是没有用的哦),但是这个开关十分精密,打开后很容易损坏, ...
解决红旗linux6SP2 鼠标单击变双击的问题
红旗linux6SP2在Vmware下出现问题: 1. 鼠标单击变双击的问题 2.屏幕显示过大. 第二个问题解决方法: 分辨修改为: 800*600 就可以了. 第一个问题没有找到方法: 但可以用Vi ...
鼠标坏了,鼠标单击变双击怎么办?微动开关怎么拆?
鼠标单击变双击怎么办? 根本原因就是微动开关坏了,百度了一下要把微动开关里面的金属片绣了, 需要磨一下. 我的解决办法是把不经常用的微动开关里面的金属片和左单击换一下. 第一步--拆鼠标上图最主要的 ...
js中单击和双击事件的区分
js中单击和双击事件的区分 1. 首先要了解鼠标点击(单击或双击)时包含的事件. mousedown 事件: 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件.与 cl ...
ASPxGridView1单击，双击事件
ASPxGridView1没有自带的单击,双击事件,所以要自己写,<script language="javascript" type="text/javascri ...
GridView/DataGrid行单击和双击事件实现代码_.Net教程
功能: 单击选中行,双击打开详细页面说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应 ...
禁用CMFCRibbonApplicationButton的单击和双击事件
为了禁用CMFCRibbonApplicationButton的单击和双击事件,我重载了CMFCRibbonApplicationButton如下: 1. MyRibbonApplicationBut ...

【JavaScript】jQuery 实现耦合的鼠标单击与双击事件

jq 实现单击双击事件

封装:

【JavaScript】jQuery 实现耦合的鼠标单击与双击事件相关推荐

最新文章

热门文章