学习下JavaScript中ondblclick事件

作者：andy0012019.09.23来源：Web前端之家浏览：10627评论:0

关键词：js ondblclick

学习下JavaScript中ondblclick事件。在JavaScript中，HTML DOM对象的onfocus事件会在对象被双击时触发，然后执行事件中包含的JavaScript代码；该事件支持HTML的大部分元素。

ondblclick事件的使用

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>