js给某个text标签添加鼠标的双击事件

JavaScript021

js给某个text标签添加鼠标的双击事件,第1张

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

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

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

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

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

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