웹 이벤트 종류, 이벤트 핸들러

MDN에서 Web Event 중 일부만 가져왔습니다.
이외에도 많은 이벤트 종류는 Events-MDN에서 확인할 수 있습니다.

리소스 이벤트

이벤트명	발생하는 시점
cached	매니페스트에 나열된 리소스가 다운로드되었고, 애플리케이션이 캐시될 때.
error	리소스 로드가 실패했을 때.
abort	리소스 로딩이 중단되었을 때.
load	리소스와 그 의존 리소스의 로딩이 끝났을 때.
beforeunload	window, document 및 그 리소스가 언로드되려고 할 때.
unload	document 또는 의존 리소스가 언로드될 때.

폼 이벤트

이벤트명	발생하는 시점
reset	리셋 버튼이 눌렸을 때
submit	제출 버튼이 눌렸을 때

포커스 이벤트

이벤트명	발생하는 시점
focus	엘리먼트가 포커스를 받았을 때(버블링하지 않음).
blur	엘리먼트가 포커스를 잃었을 때(버블링하지 않음).

텍스트 작성 이벤트

이벤트명	발생하는 시점
compositionstart	텍스트 입력 통로가 준비되었을 때(키보드 입력을 위한 키 다운과 유사하지만, 음성 인식과 같은 다른 입력과도 동작합니다).
compositionupdate	작성될 텍스트 통로에 문자가 추가되었을 때.
compositionend	텍스트 입력 통로가 완료되었거나 취소되었을 때.

키보드 이벤트

이벤트명	발생하는 시점
keydown	키가 눌렸을 때
keypress	쉬프트, Fn, CapsLock 을 제외한 키가 눌린 상태일 때(연속적으로 실행됨.).
keyup	키 누름이 해제될 때

마우스 이벤트

이벤트명	발생하는 시점
mouseenter	포인팅 장치가 리스너가 등록된 엘리먼트 위로 이동했을 때.
mouseover	포인팅 장치가 리스너가 등록된 엘리먼트나 그 자식 엘리먼트의 위로 이동했을 때.
mousemove	포인팅 장치가 엘리먼트 위에서 이동했을 때(마우스가 이동하는동안 계속 실행됨.)
mousedown	포인팅 장치 버튼이 엘리먼트 위에서 눌렸을 때.
mouseup	포인팅 장치 버튼이 엘리먼트 위에서 놓였을 때.
click	포인팅 장치 버튼(모든 버튼; 주 버튼만 해당될 예정)이 엘리먼트에서 눌렸다가 놓였을 때.
dblclick	포인팅 장치 버튼이 엘리먼트에서 두 번 클릭되었을 때.
contextmenu	마우스의 오른쪽 버튼이 클릭되었을 때(컨텍스트 메뉴가 표시되기 전).
wheel	포인팅 장치의 휠 버튼이 어떤 방향이든 회전되었을 때.
mouseleave	포인팅 장치가 리스너가 등록된 엘리먼트 밖으로 이동했을 때.
mouseout	포인팅 장치가 리스너가 등록된 엘리먼트 또는 그 자식 엘리먼트의 밖으로 이동했을 때.
select	어떤 텍스트가 선택되고 있을 때.
pointerlockchange	포인터가 잠겼거나 해제되었을 때.
pointerlockerror	기술적인 이유나 권한 거절을 이유로 포인터 잠금이 불가했을 때.

Event Handler 이벤트 핸들러

• 이벤트 이름 앞에 on을 붙여서 사용
• 버튼에 이벤트핸들러를 사용한 예시

<button onclick="alert('clicked!')">확인</button>

• Event Handler에 대해 더 알아보려면 GlobalEventHandlers-MDN에서 찾아보기