<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").dblclick(function(){
$("p").slideToggle()
})
})
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>
js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。
原理： 当接收到第一个点击时，我们先把单击事件存储在这个是全局变量 click_store 里，如果 0.3 秒内没有接收到双击事件，就去执行它，如果接收到了，我们把它清理掉，然后去执行双击事件。setTimeout() 可以实现延迟执行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）