목록이벤트객체 (1)

이다닷

[JavaScript] Day 17 - 현대적인 이벤트 핸들링을 해볼까?!

addEventListener onclick, onkeydown 과 같은 이벤트 속성을 통해 이벤트 핸들러를 등록하는 것보다 현대적인 방법은, addEventListener 메소드를 활용하는 것이다. ex ) 클릭 이벤트 핸들러를 등록하는 경우의 예 target.addEventListener('click', function(){}) addEventListener 함수의 이점 이전에 추가한 이벤트 핸들러를 제거할 수 있는 대응 메소드가 존재한다. 같은 리스너에 대해 다수의 핸들러를 등록할 수 있다. 추가적인 옵션 사항들이 제공된다. 이벤트 객체 이벤트 객체란 '추가적인 기능과 정보를 제공하기 위해 이벤트 핸들러에 자동으로 전달되는 데이터'이다. 이를 활용하기 위해서는 이벤트 핸들러 함수에 매개변수를 추가하..
JavaScript 2023. 2. 19. 16:11
이전 Prev 1 Next 다음