JavaScript ondblclick 事件：鼠标双击页面某个对象_JavaScript基础教程

JavaScript ondblclick 事件

当鼠标双击页面上某个对象时，会触发 ondblclick 事件，如下例子所示：

<html>
<body>

字段1: <input type="text" id="field1" value="Hello World!" >
<br />
字段2: <input type="text" id="field2" ondblclick="this.value=''">
<button ondblclick="document.getElementById('field2').value = document.getElementById('field1').valu
e">拷贝</button>
<span>（双击此按钮拷贝）</span>

</body>
</html>

在上面的例子中，分别对 field2 input 文本域和“拷贝”按钮设定了 ondblclick 事件属性。双击 field2 文本域时，清空文本域内容；双击拷贝按钮时，将 field1 文本内容拷贝至 field2 文本域中。

一般只是对特定或刻意要强调的操作设定 ondblclick 鼠标双击事件，普通的操作设定 onClick 事件即可完成。