JQuery解决鼠标单双击冲突问题
转自链接:https://www.shuzhiduo.com/A/xl560MKrzr/
在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>
时刻与技术进步,每天一点滴,日久一大步!!!
本博客只为记录,用于学习,如有冒犯,请私信于我。