JavaScript 이벤트 유형

마우스 이벤트

속성	설명
click	마우스 버튼으로 클릭이 이루어졌습니다. 이 이벤트는 마우스 버튼이 눌렀다 떼어진 후 발생합니다.
mousedown	마우스 버튼이 눌렸습니다.
mouseup	마우스 버튼이 떼어졌습니다.
dblclick	더블 클릭.
mousemove	마우스 포인터가 요소의 표시 영역 내에서 움직입니다.
mouseout	마우스 포인터가 요소의 표시 영역을 벗어났습니다.
mouseover	마우스 포인터가 요소의 표시 영역 안에 있습니다.

키보드 이벤트

속성	설명
keydown	키보드의 키가 눌렸습니다.
keypress	키보드의 키가 눌린 채 반복 간격보다 더 길게 유지되었습니다. 반복 간격의 길이는 시스템 매개변수이며 사용자의 운영 체제 설정에 따라 다릅니다.
keyup	이전에 눌렸던 키가 떼어졌습니다.

폼 및 페이지 요소 이벤트

속성	설명
change	요소가 입력 포커스를 잃고, 요소가 포커스를 가지고 있는 동안 요소의 내용이 변경되었습니다.
select	요소 내 텍스트의 일부가 선택되었습니다.
submit	폼에서 "전송" 버튼이 눌렸지만, 아직 폼을 서버로 보내는 작업이 수행되지 않았습니다.

폼 및 페이지 요소 이벤트

속성	설명
blur	컨트롤 요소가 입력 포커스를 잃습니다. 즉, 커서가 다른 요소로 이동합니다.
focus	표시된 요소가 입력 포커스를 얻었습니다. 텍스트 필드의 경우, 이 이벤트는 커서가 이미 해당 요소에 있음을 의미합니다.
load	페이지 로딩이 완료되었습니다.
unload	문서에서 나가는 중입니다 (페이지를 닫거나 다른 주소로 리디렉션하는 경우).
scroll	요소를 스크롤할 때 발생합니다.