新起点博客在JavaScript中，HTML DOM对象的onfocus事件会在对象被双击时触发，然后执行事件中包含的JavaScript代码；该事件支持HTML的大部分元素。下面就是小马个人博客在本篇文章就来给大家介绍一下ondblclick事件的使用，希望对大家有所帮助。
事件的使用
事件会在对象被双击时发生。该事件支持除了以下元素的所有HTML元素：
<bdo>、<br>、<base>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、<title>.
语法：
在JavaScript中
object.ondblclick = function(){myScript};
在JavaScript中，使用addEventListener()方法：
object.addEventListener("dblclick", myScript);
参数： myScript：指定该事件发生时执行的 JavaScript；必需参数，不可省略。
示例1：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ondblclick事件 </title>
</head>
<body style="text-align: center;">
<h2>ondblclick事件</h2>
<p id="demo1">双击这里！</p>
<p id="demo2"></p>
<script>
document.getElementById("demo1").ondblclick = function() {
GFGfun()
};
function GFGfun() {
document.getElementById("demo2").innerHTML = "Hello world！";
}
</script>
</body>
</html>
示例2：使用addEventListener()方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ondblclick事件 </title>
</head>
<body style="text-align: center;">
<h2>ondblclick事件</h2>
<p id="demo1">双击这里！</p>
<p id="demo2"></p>
<script>
document.getElementById("demo1").addEventListener( "dblclick", GFGfun);
function GFGfun() {
document.getElementById("demo2").innerHTML = "Welcome to here!";
}
</script>
</body>
</html>
感谢博主分享，受益匪浅~~