Web Development Examples
Parent: 2fd4dd57 | Patch | Commit | show whitespace
Sascha Schulz
2023-07-04 81c10ecf26296725c1d46893c28c9a352eb9a84e 
add dom event example
1 Dateien hinzugefügt
27 ■■■■■ Geänderte Dateien
templates/007-js/dom-events.html 27 ●●●●● Patch | Ansicht | Raw | Blame | Historie 
 templates/007-js/dom-events.html


Neue Datei


@@ -0,0 +1,27 @@


<!DOCTYPE html>



<html lang="en">



    <head>



        <meta charset="UTF-8">



    </head>



    <body>



        <div>



            <button>click</button>



        </div>



        <script>



            const div = document.querySelector("div");



            const button = document.querySelector("button");







            function doSomething(e) {



                console.log("capture");



            }







            function click(e) {



                console.log("bubble");



            }







            div.addEventListener("click", doSomething, true);







            button.addEventListener("click", click, false /* default */);



        </script>



    </body>



</html>