Event Listener
마우스를 이용해서 버튼을 클릭할 대는 클릭 "이벤트"가 발생합니다.
이렇게 이벤트가 발생했을 때 어떠한 액션을 위한 함수를 호출하는데 그 함수가 바로 이벤트 리스너입니다.
addEventListener()
위에서 말한 것처럼 어떠한 이벤트가 발생했을 때 이벤트 리스너를 호출하기 위해서는 이벤트 리스터를 해당 객체나 요소에 등록해줘야 합니다.
-> 주로 addEventListener 메서드 이용
element.addEventListener(이벤트명, 실행할 함수명(listener), 옵션);
Event 객체
이벤트가 발생할 때 이벤트 객체를 가져올 수 있습니다.
Event 종류
1) UI 이벤트
2) 키보드 이벤트
3) 마우스 이벤트
4) 포커스 이벤트
5) 폼 이벤트