实例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》对你有帮助,请点赞、收藏,并留下你的观点哦!