From 81c10ecf26296725c1d46893c28c9a352eb9a84e Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Di, 04 Jul 2023 16:07:36 +0200
Subject: [PATCH] add dom event example
---
templates/007-js/dom-events.html | 27 +++++++++++++++++++++++++++
1 files changed, 27 insertions(+), 0 deletions(-)
diff --git a/templates/007-js/dom-events.html b/templates/007-js/dom-events.html
new file mode 100644
index 0000000..7942f10
--- /dev/null
+++ b/templates/007-js/dom-events.html
@@ -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>
--
Gitblit v1.9.3