mindol1004/simple-component
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: 이벤트 버블링 코드에서 불필요한 부분 제거

Browse Source
This commit is contained in:
JunilHwang
2022-09-18 14:27:49 +09:00
parent 21f084cb7f
commit a186df71d1
3 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
example06/src/core/Component.js
View File

@@ -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);
})
}

4
example07/src/core/Component.js
View File

@@ -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);
})
}

4
example08/src/core/Component.js
View File

@@ -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);
})
}