e.stopPropagation();
e.stopImmediatePropagation();
이벤트 전파 방지 떄문에,
이 두개를 흔하게 자주 쓰시는데,
비추 합니다.
이벤트 전파를 이용한 코드도 짤 수 있기떄문에,
꼬여버릴 수 있다.
그래서
예방차원의 코드는
부모 단계에서
미리 타겟과 커렌트 타겟이 일치 하지 않으면
리턴값의 비워놓으면
이벤트 전파를 안시키게 만드는 방법을 쓴다.
outer.addEventListener('click', event => {
if (event.target !== event.currentTarget) {
return;
}
console.log(outer: ${event.currentTarget}, ${event.target});
});
middle.addEventListener('click', event => {
if (event.target !== event.currentTarget) {
return;
}
console.log(middle ${event.currentTarget}, ${event.target});
});
button.addEventListener('click', event => {
console.log(button1 ${event.currentTarget}, ${event.target});
});
button.addEventListener('click', event => {
console.log(button2 ${event.currentTarget}, ${event.target});
});
