源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js jq 单击和双击区分示例介绍

  • 时间:2021-01-16 01:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js jq 单击和双击区分示例介绍
[b]一:原理:[/b] 先看一下点击事件的执行顺序: 单击(click):mousedown,mouseout,click; 双击(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick; 在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。 如此这般的话,只需消灭掉多余的一次单击事件(click),这个问题就解决了。 setTimeout [b]二:代码:[/b]
[u]复制代码[/u] 代码如下:
//定义setTimeout执行方法 var TimeFn = null; $('div').click(function () { // 取消上次延时未执行的方法 clearTimeout(TimeFn); //执行延时 TimeFn = setTimeout(function(){ //do function在此处写单击事件要执行的代码 },300); }); $('div').dblclick(functin () { // 取消上次延时未执行的方法 clearTimeout(TimeFn); //双击事件的执行代码 })
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部