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

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

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

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

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

使用onclick()点击慎斗芦事件触发。

1、设计一个功能页面,HTML代码如下。

2、此时的页面展示效果如下。

3、设计宽带功能函数,实现上图中赋值的功能。

4、给按钮绑定上述函数,销姿点击实现。

5、在页面上点击函数,查看执行效果。

扩展资料:

onclick事件解析:

1、定义和用法:onclick 属性由元素上的鼠标点击触发。

onclick 属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。

2、语法:

<element onclick="script">。

参考资料:

百度百科--onclick


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11995157.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存