자바스크립트 이벤트 리스너와 이벤트 핸들러 차이 javascripts event listener handler

자바스크립트 이벤트 리스너와 이벤트 핸들러 차이 javascripts event listener handler

 

 

이벤트 리스너 (EVENT LISTENER)
-이벤트 리스너는 특정 요소에서 발생하는 이벤트를 감지하고, 이벤트 핸들러를 호출하는 객체입니다.
-이벤트가 감지되면 이벤트 핸들러를 실행합니다.

이벤트 핸들러 (EVENT HANDLER)
-이벤트 핸들러는 이벤트가 발생했을때 실행되는 함수, 기능을 의미합니다.
-HTML 요소에 직접적으로 이벤트 핸들러를 추가할수 있습니다.
html내 속성에 'onclick'(클릭), 'onmouseover'(마우스오버), 'onscroll'(스크롤) 등을 이용하여 이벤트 핸들러를 지정할수 있습니다.
-간단한 기능을 구현하는데 편리합니다
-여러 이벤트와 기능을 다루는 경우, 코드를 유지하거나 관리하는데 어려움이 있을수 있습니다.
​

간단 요약
-이벤트 리스너: 이벤트를 감지하고 핸들러를 호출하는 객체
-이벤트 핸들러: 이벤트가 발생했을 때 실행되는 코드