在JavaScript中,HTML DOM對象的onfocus事件會在對象被雙擊時觸發,然後執行事件中包含的JavaScript代碼;該事件支持HTML的大部分元素。下面本篇文章就來給大家介紹一下ondblclick事件的使用,希望對大家有所幫助。
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>
效果圖:
瀏覽器支持
● ondblclick事件支持的瀏覽器如下所示:
● Google Chrome
● Internet Explorer
● Firefox
● Apple Safari
● Opera
原文地址:JavaScript中ondblclick事件怎麼用