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

JavaScript012

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

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

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

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

1在test.html页面，使用function创建一个myfun函数，代码如下：

2、在myfun函数内，使用alert()方法弹出“myfun函数执行了”的文字提示，代码如下。

3、在test.html中的body标签后面，使用onload在页面打开时就加载执行myfun()函数。

4、onload事件不仅可以放在body标签内，也可以直接在js标签内使用，代码如下。

5、在浏览器中打开test.html页面，结果如下。