码迷,mamicode.com
首页 > Web开发 > 详细

jquery 单击和双击事件冲突解决方案

时间:2015-12-24 09:17:31      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突。

编写测试代码

引起冲突的代码:

技术分享

问题效果展示:

技术分享

每一次触发双击事件都会引起两次单击事件

 

解决冲突的代码:

技术分享

解决问题效果展示:

技术分享

完美解决单击事件和双击事件冲突问题

 

这里主要用到两个HTML DOM Window对象中函数,settimeout(),clearTimeout()

技术分享

技术分享

我这里两个单击事件触发的时间间隔设置在等于300毫秒,这里需要根据实际情况而定。

jquery 单击和双击事件冲突解决方案

标签:

原文地址:http://www.cnblogs.com/chengxuyuanzhilu/p/5071941.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!