900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js双击会触发两次单击事件的解决方案

js双击会触发两次单击事件的解决方案

时间:2023-07-21 16:56:10

相关推荐

js双击会触发两次单击事件的解决方案

问题描述:

javascript中,onclick为单击事件,ondblclick为双击事件,在同一DOM 对象上加上单击事件和双击事件时,双击会触发两次单击事件。

解决方案:

通过设置两次点击事件的间隔时间(setTimeout 方法),来实现双击、单击事件并存。

单击后不立刻执行相关的代码,而是让其延时执行(比如:200ms),如果随后发生了双击事件,则取消延时执行的方法,只执行双击事件方法。

<!DOCTYPE html><html lang="zh-cn"><head><!--<script src="/jquery/3.2.0/jquery.min.js"></script>--><title>单双击事件测试</title></head><body><button onclick="test()" ondblclick="dbclick()">测试</button></body><script>var timeId;function test() {clearTimeout(timeId);timeId = setTimeout(function () {console.log("单击");}, 250);}function dbclick() {clearTimeout(timeId);console.log("双击");}</script></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。