<input name="btn1" id="btn1" type="button" value="随便点">
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").on("click", function(){console.log("click")});
$("#btn1").on("dblclick", function(){console.log("dblclick")});
});
</script>
也就是说，误触发了两次click事件，怎么避免呢？将代码稍做修改：
<input name="btn1" id="btn1" type="button" value="随便点">
<script type="text/javascript">
$(document).ready(function(){
let timer = null;
$("#btn1").on("click", function(){
if(timer){clearTimeout(timer)}
timer = setTimeout(function(){console.log("click")}, 300);
});
$("#btn1").on("dblclick", function(){
if(timer){clearTimeout(timer)}
console.log("dblclick");
});
});
</script>
OK，问题解决！
评论（0）
暂无评论。