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

JavaScript024

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

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

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

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

js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。

我们加一个延迟时间就能很好的解决这个问题。

原理： 当接收到第一个点击时，我们先把单击事件存储在这个是全局变量 click_store 里，如果 0.3 秒内没有接收到双击事件，就去执行它，如果接收到了，我们把它清理掉，然后去执行双击事件。setTimeout() 可以实现延迟执行。