失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html 左键右键双击事件 html中在鼠标双击元素时触发的事件属性ondblclick

html 左键右键双击事件 html中在鼠标双击元素时触发的事件属性ondblclick

时间:2021-07-08 21:29:36

相关推荐

html 左键右键双击事件 html中在鼠标双击元素时触发的事件属性ondblclick

实例Copy Text

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 ondblclick 属性。

定义和用法

ondblclick 属性在鼠标双击元素时触发。

注释:ondblclick 属性不适用以下元素:、

、、、、、、

HTML 4.01 与 HTML5 之间的差异

无。

语法

属性值值描述

script发生 ondblclick 时运行的脚本。

最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,

而不会执行 ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了,代码如下:

var clickTimer = null;

function _click(){

if(clickTimer) {

window.clearTimeout(clickTimer);

clickTimer = null;

}

clickTimer = window.setTimeout(function(){

// your click process code here

alert("你单击了我");

}, 300);

}

function _dblclick(){

if(clickTimer) {

window.clearTimeout(clickTimer);

clickTimer = null;

}

// your click process code here

alert("你双击了我");

}

单击或双击我

如果觉得《html 左键右键双击事件 html中在鼠标双击元素时触发的事件属性ondblclick》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。