实例
当双击鼠标按钮时执行一段 javascript：
<button ondblclick="copyText()">Copy Text</button>
浏览器支持
IE
Firefox
Chrome
Safari
立即学习“前端免费学习笔记（深入）”；
Opera
所有主流浏览器都支持 ondblclick 属性。
定义和用法
ondblclick 属性在鼠标双击元素时触发。
注释：ondblclick 属性不适用以下元素：
、、、
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element ondblclick="script">
属性值
| 值 | 描述 |
| script | 发生 ondblclick 时运行的脚本。 |
最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件，如果按照正常的方式添加处理，结果发现只会执行 onclick，
而不会执行 ondblclick；这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了，代码如下：
<script type="text/javascript">
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("你双击了我");
}
</script>
<button onclick="_click();" ondblclick="_dblclick();">单击或双击我</button>以上就是html中在鼠标双击元素时触发的事件属性ondblclick的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
613
