博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery - 同时添加click和dblclick事件
阅读量:6371 次
发布时间:2019-06-23

本文共 796 字,大约阅读时间需要 2 分钟。

添加事件的代码比较简单,有两种方法:

  • $("abc").bind({"click":fn,"dblclick":fn});
  • $("abc").click(fn).dblclick(fn)

目前的问题是无论双击或者单击都只执行单击的function,为什么呢?

下面我们说一下双击的机制:

双击(dblclick)的流程是:mousedown,mouseout,click,mousedown,mouseout,click,dblclick;

要想实现双击我们必须屏蔽这两次click,因此我们在click里面设置一个定时器,延迟执行function。

完整代码如下:

//绑定点击和双击事件                    var _time = null;                    $(this).find("tr").dblclick(function(e){                        clearTimeout(_time);                        console.log("dblclick");                        //真正双击代码                    }).click(function(e){                        clearTimeout(_time);                        _time = setTimeout(function(){                            console.log("click");                            //单击事件在这里                        }, 300);                    });

转载地址:http://yauqa.baihongyu.com/

你可能感兴趣的文章
Spring中property-placeholder的使用与解析
查看>>
触发器学习之入门(增、删、改、增删改)
查看>>
Python3操作oracle数据库及遇到的报错
查看>>
gcc -I -L -l区别
查看>>
windows7提示“没有文件扩展.vbs的脚本引擎”的解决方法
查看>>
2.2Python基础语法(二)之运算符
查看>>
我的友情链接
查看>>
df du 命令和磁盘分区介绍的用法介绍
查看>>
【Android必备】Parcelables and Bundles(6)
查看>>
【后台任务】与UI线程通信(7)
查看>>
【Camera】相机概要(1)
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
视频应用方向的发展猜想
查看>>
GP数据库笔记--数据类型转换,杀掉进程的方法
查看>>
centos 文件扩展swap
查看>>
Leetcode#36Valid Sudoku
查看>>
军规3 关注多任务和意外情况处理
查看>>
分享:云上的日子——“0”费用消费全球最快手机传输工具
查看>>
Winform 不同窗体间方法调用总结
查看>>