JavaScript中ondblclick事件怎么用

原创 新起点博客  2019-12-19 10:06 
【上云必备】上云仅?102/年

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>
本文地址:https://www.henenseo.com/archives/1662
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论


表情

  1. 河南SEO
    河南SEO【】 @回复

    感谢博主分享,受益匪浅~~