轻松上手,快乐学习!

HTML ondblclick 事件属性


实例

当双击鼠标时运行脚本

<button ondblclick="myFunction()">双击我</button>
亲自试一试 »

定义和用法

ondblclick 属性在元素上双击鼠标时触发。


浏览器支持

事件属性
ondblclick Yes Yes Yes Yes Yes

语法

<element ondblclick="script">

属性值

描述
script 规定该ondblclick事件触发时执行的脚本。

技术细节

支持的 HTML 标签: 所有 HTML 元素,除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, <title>

更多实例

实例

双击 <p> 元素将其文本颜色更改为红色:

<p id="demo" ondblclick="myFunction()">Double-击我更改我的文本颜色。</p>
<script>
function myFunction() {
  document.getElementById("demo").style.color = "red";
}
</script>
亲自试一试 »

实例

双击按钮将一些文本从一个输入字段复制到另一个输入字段:

<button ondblclick="myFunction()">复制文字t</button>
<script>
function myFunction() {
  document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
亲自试一试 »

相关页面

HTML DOM 参考手册: ondblclick 事件