diff --git a/example06/src/core/Component.js b/example06/src/core/Component.js index c218bde..b014dec 100644 --- a/example06/src/core/Component.js +++ b/example06/src/core/Component.js @@ -18,10 +18,8 @@ export default class Component { this.render(); } addEvent (eventType, selector, callback) { - const children = [ ...this.$target.querySelectorAll(selector) ]; - const isTarget = (target) => children.includes(target) || target.closest(selector); this.$target.addEventListener(eventType, event => { - if (!isTarget(event.target)) return false; + if (!event.target.closest(selector)) return false; callback(event); }) } diff --git a/example07/src/core/Component.js b/example07/src/core/Component.js index c218bde..b014dec 100644 --- a/example07/src/core/Component.js +++ b/example07/src/core/Component.js @@ -18,10 +18,8 @@ export default class Component { this.render(); } addEvent (eventType, selector, callback) { - const children = [ ...this.$target.querySelectorAll(selector) ]; - const isTarget = (target) => children.includes(target) || target.closest(selector); this.$target.addEventListener(eventType, event => { - if (!isTarget(event.target)) return false; + if (!event.target.closest(selector)) return false; callback(event); }) } diff --git a/example08/src/core/Component.js b/example08/src/core/Component.js index f009276..67f1591 100644 --- a/example08/src/core/Component.js +++ b/example08/src/core/Component.js @@ -22,10 +22,8 @@ export default class Component { this.render(); } addEvent (eventType, selector, callback) { - const children = [ ...this.$target.querySelectorAll(selector) ]; - const isTarget = (target) => children.includes(target) || target.closest(selector); this.$target.addEventListener(eventType, event => { - if (!isTarget(event.target)) return false; + if (!event.target.closest(selector)) return false; callback(event); }) }