在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>




时刻与技术进步,每天一点滴,日久一大步!!! 本博客只为记录,用于学习,如有冒犯,请私信于我。