[JavaScript][Event] event handler

▶ event handler 

이벤트가 발생했을 때 실행되는 함수 

사용자의 행동에 어떻게 반응할지를 JavaScript 코드로 표현한 것 

 

대표적인 이벤트 핸들러 중 하나 

DOM 요소가 특정 이벤트를 수신할 때마다 

콜백 함수를 호출한다 

 

---

type	handler
수신할 이벤트 이름 문자열로 작성 (ex. click)	발생한 이벤트 객체를 수신하는 콜백 함수  콜백 함수는 발생한 event object를  유일한 매개변수로 받는다

---

버튼을 클릭하면 버튼 요소 출력하기  버튼에 이벤트 처리기를 부착하여, 클릭 이벤트가 발생하면  이벤트가 발생한 버튼 정보를 출력한다.

요소에 addEventListener를 부착하게 되면  내부의 this 값은 대상 요소를 가리키게 된다.  (event 객체의 currentTarget 속성 값과 동일하다)

addEventListener의 콜백 함수 특징  발생한 이벤트를 나타내는 event 객체를  유일한 매개변수로 받음 반환 값이 없다