How To Use ondblclick Event Example Using JavaScript?


Share:
Published By: Admin, Published On: Nov 23, 2021, Category: Javascript


Hello Friends,

Now let's see example of how to use ondblclick event example. We will check how to use ondblclick event. This is a short guide on use ondblclick event in javascript. Here you will learn how to use javascript ondblclick event. Let's get started with how to use ondblclick event in javascript.

Here i will give you many example how to use ondblclick event using javascript.

Example : 1
<!DOCTYPE html>
<html>
    <head>
        <title>How To Use ondblclick Event Example Using JavaScript? - MyWebtuts.com</title>
    </head>
    <body>
        <h3>How To Use ondblclick Event Example Using JavaScript? - MyWebtuts.com</h3>
        <h1 id = "a1" ondblclick = "test()">MyWebtuts.com</h1>
        <h2> Double Click the text "MyWebtuts.com" to see the effect. </h2>
        <script>
            function test() {
                document.getElementById("a1").innerHTML = " Welcome to the MyWebtuts.com  ";
            }
        </script>
    </body>
</html>  
Output :
Welcome to the MyWebtuts.com
Double Click the text "MyWebtuts.com" to see the effect.
Example : 2
<!DOCTYPE html>
<html>
    <head>
        <title>How To Use ondblclick Event Example Using JavaScript? - MyWebtuts.com</title>
    </head>
    <body>
        <h3>How To Use ondblclick Event Example Using JavaScript? - MyWebtuts.com</h3>
        <h1 id = "c1">MyWebtuts.com</h1>
        <h2>Double Click the text "MyWebtuts.com" to see the effect.</h2>
        <script>
            document.getElementById("c1").ondblclick = function(){ test() };
            function test() {
                document.getElementById("c1").innerHTML = " Welcome to the MyWebtuts.com ";
            }
        </script>
    </body>
</html>  
Output :
Welcome to the MyWebtuts.com
Double Click the text "MyWebtuts.com" to see the effect.

It will help you...

Share: