如何禁用鼠标双击事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何禁用鼠标双击事件相关的知识,希望对你有一定的参考价值。
参考技术A 不能禁用,这是基本功能,但是你可以在控制面板 鼠标选项里,把双击要求的时间间隔设置非常短,这就使得一般双击不被识别,必须非常快速连击本回答被提问者和网友采纳JQuery如何实现双击事件时不触发单击事件,解决鼠标单双击冲突问题
在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>
以上是关于如何禁用鼠标双击事件的主要内容,如果未能解决你的问题,请参考以下文章