标签：log 实现 pre query 0ms console document 鼠标 如何
在jQuery的事件绑定中，如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)， 执行双击事件(dblclick)时却会触发两次单击事件(click)。
但有时候我们希望在执行双击事件的时候不去出发单击事件，那究竟该如何实现呢？
少bb 上代码 ：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button>按钮</button> <script src="jquery.js"></script> <script> $(function () { // var time = null; // // $(‘div‘).click(function () { // // 取消上次延时未执行的方法 // clearTimeout(time); // //执行延时 // time = setTimeout(function(){ // //do function在此处写单击事件要执行的代码 // },300); // }); // // $(‘div‘).dblclick(functin ({ // // 取消上次延时未执行的方法 // clearTimeout(time); // //双击事件的执行代码 // }); // 单双击 的时间 间隔 是300ms // 如果解决 单双击冲突 var timer = null; $(‘button‘).click(function(event) { clearTimeout(timer); // 定时器 300ms 一次性定时器 timer = setTimeout(function(){ console.log(‘单机了‘); }, 300); }); $(‘button‘).dblclick(function(event) { clearTimeout(timer); console.log(‘双机了‘); }); }) </script> </body> </html>
JQuery如何实现双击事件时不触发单击事件，解决鼠标单双击冲突问题
标签：log 实现 pre query 0ms console document 鼠标 如何
原文地址：https://www.cnblogs.com/Mr-wangxd/p/9755668.html
