实现htmljs同时启用单双击事件

html-css018

实现htmljs同时启用单双击事件,第1张

在同一个dom元素同时启用了单击和双击事件时，双击会触发两次单击事件和一次双击事件，并且触发顺序是：单击1 ->单击2 ->双击，我们需要想办法在双击时屏蔽掉单击的效果

延迟单击事件的响应，并在下一个单击事件触发时取消上一个还未执行的单击事件（处于延迟时间内），在双击事件触发时也取消还未执行的单击事件。

还需要一个全局变量来传递单击事件设置的计时器

js加载时双击：

1、新建一个html文件，命名为test.html，

2、在test.html页面中，使用button标签创建一个按钮，用于下面双击该按钮时触发双击事件。

3、在test.html页面中，给button按钮绑定ondblclick双击事件，当按钮被双击时，执行go()函数。

4、在test.html页面中，使用script标签标记js代码执行区域，

5、在js内，使用function创建一个go()函数，

6、在go()函数内，使用alert()方法弹出文字内容，例如，弹出这是一个双击按钮文字。

7、在浏览器打开test.html文件，双击按钮，弹出这是一个双击按钮文字。