HTML DOM ondblclick Event

The HTML DOM ondblclick event occurs on a double click by the user. All HTML elements are supported with ondblclick Event, EXCEPT:

<bdo>
<br>
<base>
<head>
<html>
<iframe>
<meta>
<param>
<script>
<style>
<title>.

Syntax: In HTML:

<element ondblclick="myScript">

In JavaScript:

object.ondblclick = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("dblclick", myScript);

Example 1: Using HTML

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
          HTML DOM ondblclick Event
      </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <h2>HTML DOM ondblclick Event</h2>
        <p id="demo"
           ondblclick="myFunction()">
            Double-click
        </p>
 
        <script>
            function myFunction() {
                document.getElementById(
                    "demo").innerHTML = 
                  "GeeksforGeeks";
            }
        </script>
    </center>
</body>
 
</html>

Output:

Example: Using JavaScript

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
          HTML DOM ondblclick Event
      </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <h2>HTML DOM ondblclick Event</h2>
        <p id="demo">
              Double-click me.
          </p>
 
        <script>
            document.getElementById(
                "demo").ondblclick = function () {
                    GFGfun()
                };
 
            function GFGfun() {
                document.getElementById(
                    "demo").innerHTML = 
                  "GeeksforGeeks";
            }
        </script>
    </center>
 
</body>
 
</html>

Output:

Example: In JavaScript, using the addEventListener() method:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
          HTML DOM ondblclick Event
      </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <h2>
              HTML DOM ondblclick Event
          </h2>
        <p id="demo">Double-click me.</p>
 
        <script>
            document.getElementById(
                "demo").addEventListener(
                    "dblclick", GFGfun);
 
            function GFGfun() {
                document.getElementById(
                    "demo").innerHTML = 
                  "GeeksforGeeks";
            }
 
        </script>
    </center>
</body>
 
</html>