Rumah > Artikel > hujung hadapan web > html中在鼠标双击元素时触发的事件属性ondblclick
实例
当双击鼠标按钮时执行一段 JavaScript:
<button ondblclick="copyText()">Copy Text</button>
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 ondblclick 属性。
定义和用法
ondblclick 属性在鼠标双击元素时触发。
注释:ondblclick 属性不适用以下元素:dde6fb694e6711ae5e6f381704c04ae4、71af07a0e88a1ac1ff73f855702ac153、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 或 b2386ffb911b14667cb8f0f91ea547a7。
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>
Atas ialah kandungan terperinci html中在鼠标双击元素时触发的事件属性ondblclick. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!