javascript解决鼠标单击双击冲突方法

最新推荐文章于 2024-04-03 13:27:26 发布

紫竹

最新推荐文章于 2024-04-03 13:27:26 发布

阅读量1.2k

点赞数

分类专栏： web基础文章标签： javascript JavaScript Javascript

本文链接：https://blog.csdn.net/ziyunyangyong/article/details/8248687

版权

web基础专栏收录该内容

11 篇文章 1 订阅

订阅专栏

在双击事件(dblclick)过程中，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。所以我们只要屏蔽一次click事件就可以了。

a.bind("myClick",{dom:dom},this.selectShortcut);
a.bind("myDblClick",{dom:dom},this.updateShortcut);
var timer ;
//解决鼠标单击和双击冲突的方法
a.click(function(){
	clearTimeout(timer);
	var _a = $(this);
	timer = setTimeout(function(){
	      $(_a).trigger(jQuery.Event("myClick"));
        }, 300);
}).dblclick(function(){
	clearTimeout(timer);
	$(this).trigger(jQuery.Event("myDblClick"));
});