在 jQuery 的事件绑定中, 如果元素同时绑定了单击事件 (click) 和双击事件 (dblclick), 那么执行单击事件(click) 时, 不会触发双击事件 (dblclick), 执行双击事件(dblclick) 时却会触发两次单击事件(click).
html 代码:
<button > 点击</button>
JQ 代码:
- <script>
- $(function () {
- // 编写相关 jQuery 代码
- // 单双击的时间间隔是 300ms
- // 先做两次单击 一次双击 中间间隔 小于 300ms
- var timer = null;
- // 获取事件源, 绑定事件
- $('button').click(function () {
- // 清除定时器
- clearTimeout(timer);
- // 设置定时器 300ms 一次性定时器
- timer = setTimeout(function () {
- console.log('单机');
- },300)
- });
- $('button').dblclick(function () {
- // 清除定时器
- clearTimeout(timer);
- console.log('双击');
- })
- })
- </script>
来源: http://www.bubuko.com/infodetail-3344305.html