by Kyojin Hwang
addEventListener()
removeEventListener()
사용 예시
event.preventDefault()
<div class="parent">
<div class="child">내용 1</div>
<div class="child">내용 2</div>
<div class="child">내용 3</div>
</div>
const parentEl = document.querySelector('.parent')
const childEls = document.querySelectorAll('.child')
// 각 대상요소에 클릭
childEls.forEach((el) => {
el.addEventListener('click', (event) => {
console.log(event.target.textContent)
})
})
// 조상위임 패턴
parentEl.addEventListener('click', (event) => {
console.log(event)
const childEl = event.target.closest('.child')
if (childEl) console.log(childEl.textContent)
})