JavaScript中ondblclick事件怎麼用

在JavaScript中,HTML DOM對象的onfocus事件會在對象被雙擊時觸發,然後執行事件中包含的JavaScript代碼;該事件支持HTML的大部分元素。下面本篇文章就來給大家介紹一下ondblclick事件的使用,希望對大家有所幫助。
JavaScript中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>

效果圖:

JavaScript中ondblclick事件怎麼用

示例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>

效果圖:

JavaScript中ondblclick事件怎麼用

瀏覽器支持

● ondblclick事件支持的瀏覽器如下所示:

● Google Chrome

● Internet Explorer

● Firefox

● Apple Safari

● Opera
原文地址:JavaScript中ondblclick事件怎麼用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章