当鼠标双击页面上某个对象时,会触发 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 事件即可完成。