dom event listeners example

shama · shama · commit e5f91a822bf0 · 2018-03-21T08:25:28.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 npm-debug.log*
+package-lock.json
diff --git a/dom-event-listeners/index.js b/dom-event-listeners/index.js
@@ -0,0 +1,31 @@
+const bear = document.createElement('button')
+bear.textContent = 'growl'
+
+// bear.addEventListener('click', function onclick (e) {
+//   console.log(e.target)
+// }, false)
+
+
+const forest = document.createElement('div')
+for (var i = 0; i < 100; i++) {
+  const bear = document.createElement('button')
+  bear.textContent = 'click ' + i
+  forest.appendChild(bear)
+}
+document.body.appendChild(forest)
+
+forest.addEventListener('click', function (e) {
+  console.log(e.currentTarget)
+}, false)
+
+document.addEventListener('click', function (e) {
+  console.log(e.target)
+}, false)
+
+const cat = document.createElement('button')
+cat.textContent = 'meow'
+forest.appendChild(cat)
+cat.addEventListener('click', function (e) {
+  e.stopPropagation()
+  console.log('mew')
+}, false)
diff --git a/dom-event-listeners/package.json b/dom-event-listeners/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "dom-event-listeners",
+  "version": "0.1.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "budo index.js --live",
+    "test": "node test.js"
+  },
+  "author": "Kyle Robinson Young <kyle@dontkry.com> (http://dontkry.com)",
+  "license": "MIT",
+  "devDependencies": {
+    "budo": "^11.2.0"
+  }
+}
