JS怎么实现同DOM一元素上onClick事件与onDblClick事件并存

  介绍

这篇文章将为大家详细讲解有关JS怎么实现同DOM一元素上onClick事件与onDblClick事件并存,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

JS的作用是什么

1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于node . JS技术进行服务器端编程。

具体如下:

最近项目中遇到了在同一DOM元素上需要添加> & lt; script 类型=拔谋?javascript"比;   ,var  clickTimer =,空;   ,function  form1 () {   ,,如果(clickTimer), {   ,,,,window.clearTimeout (clickTimer);   ,,,,clickTimer =,空;   ,,}   ,,clickTimer =, window.setTimeout(函数(){   ,,,,,//,your  click  process  code 这里   ,,,,,警报(“你单击了我“);   ,,,},300);   ,}   function 才能;_dblclick () {   ,,如果(clickTimer), {   ,,,,window.clearTimeout (clickTimer);   ,,,,clickTimer =,空;   ,,}   ,,//,your  click  process  code 这里   ,,警报(“你双击了我“);   ,}   & lt;/script>   & lt; button  onclick=癴orm1 ();“, ondblclick=癬dblclick();“在单击或双击我& lt;/button>

<强>处理思想就是:利用定时器延迟执行onclick事件,这样在双击过程中会取消中途触发的单击事件。

关于“JS怎么实现同DOM一元素上onclick事件与ondblclick事件并存”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

JS怎么实现同DOM一元素上onClick事件与onDblClick事件并存