javascript实现单击和双击并存的方法_javascript技巧
程序员文章站
2022-05-31 20:06:40
...
本文实例讲述了javascript实现单击和双击并存的方法。分享给大家供大家参考。具体分析如下:
javascript 实现单击和双击并存
在我们进行网页开发的过程中经常会遇到这么一个问题,为一个链接注册双击事件,或者让一个按钮或者其他元素上面同时注册单击或者双击事件,这时候我们发现网页中的双击事件似乎永远都不会起作用,原因是当我们点击一次的时候,就被超链接或者单击事件截获了,本文描述了一个如何解决这个技术问题的具体方法。本解决方案的实现原理是,单击事件和双击事件都调用同一个方法,我们根据两次鼠标点击的间隔时间来判断到底是单击还是双击事件。单击事件来临的时候先不调用,等一小段时间,过了这段时间,如果没有下一次单击来临就开始调用单击对应的操作,如果有下一次点击就调用双击。
详细描述请参加下面代码清单:
复制代码 代码如下:
onclick=" handleWisely(event.type)"
ondblclick=" handleWisely(event.type)"
style=" color: blue; font-family: arial; cursor: hand" >
点击一下看看结果:
希望本文所述对大家的javascript程序设计有所帮助。
上一篇: php模拟登陆正方,该如何解决
下一篇: C++设计模式浅识解释器模式
推荐阅读
-
JavaScript实现事件的中断传播和行为阻止方法示例
-
JavaScript实现京东购物放大镜和选项卡效果的方法分析
-
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
-
Javascript中类式继承和原型式继承的实现方法和区别之处
-
JavaScript使用原型和原型链实现对象继承的方法详解
-
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
-
JavaScript实现获取用户单击body中所有A标签内容的方法
-
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
-
javascript ASCII和Hex互转的实现方法
-
JavaScript实现向select下拉框中添加和删除元素的方法