Events(2)

Events(2)

이벤트 객체

• 3. 이벤트 객체

     이벤트 객체
     이벤트 객체는 대상에서 발생한 이벤트 정보를 담고 있습니다.

const parentEl = document.querySelector('.parent')

parentEl.addEventListener('click', event => {
  console.log(event.target, event.currentTarget) 
  // <div class="parent"> </div>
 // <div class="parent"> </div>
 // <div class="child"> </div>
 // <div class="parent"> </div>
})
parentEl.addEventListener('wheel', event => {
  console.log(event)
 // WheelEvent {isTrusted: true, deltaX: -0, deltaY: 100, deltaZ: 0, deltaMode: 0, …}
})
``