event

Event

event란?

이벤트란 사용자가 클릭했을 때, 스크롤을 움직였을 때, 필드 내용을 바꾸었을 때와 같이 어떤 사건을 의미한다.

이벤트에 쓰이는 용어를 먼저 정리해보자.

• event target : 이벤트가 일어날 객체를 의미. - 버튼을 누르면 새 창이 열리는 객체가 있다면 여기서 event target은 버튼!

• event type : 이벤트의 종류. 클릭, 스크롤, 마우스 움직임 등등

• event handler : 이벤트가 발생했을 때 동작하는 코드.

Event Handler 이벤트 핸들러

이벤트 핸들러는 이벤트를 자바스크립트에서 인식할 수 있게 사용하는 명령어이다.

• 이벤트 핸들러 표기법

  on 이벤트명 = “이벤트 발생 시 실행할 작업”

• 이벤트 핸들러 종류

event.target

event.target은 이벤트버블링의 가장 마지막에 위치한 최하위의 요소를 반환한다. 즉 클릭된 요소를 기준으로 사용하는 경우 event.target을 사용한다.

event.currentTarget

event.currentTarget의 경우 이벤트가 바인딩된 요소, 해당하는 요소를 반환한다.