javaScript. 이벤트(on__)의 종류

 1)  마우스 이벤트 

click	요소에 마우스를 클릭했을 때
dbclick	요소에 마우스를 더블클릭했을 때
mouseover	요소에 마우스를 오버했을 때 (올려놓았을 때)
mouseout	요소에 마우스를 아웃했을 때 (바깥으로)
mousedown	요소에 마우스를 눌렀을 때
mouseup	요소에 마우스를 떼었을 때
mousemove	요소에 마우스를 움직였을 때
contextmenu	context menu(마우스 우클릭시 나오는 메뉴)가 나오기 전
wheel	휠이 회전되었을 때
mouseleave	커서가 요소 밖으로 멀리 이동할 때

 

 2)  키 이벤트 

keydown	키를 눌렀을 때
keyup	키를 떼었을 때
keypress	키를 누른 상태일 때

 

 3)  폼 이벤트

focus	요소에 포커스가 이동되었을 때
blur	요소에 포커스가 벗어났을 때
change	요소에 값이 변경 되었을 때
submit	submit 버튼을 눌렀을 때
reset	reset 버튼을 눌렀을 때
select	input이나 textarea 요소 안의 텍스트를 드래그하여 선택했을 때

 

 4)  로드 및 기타 이벤트 

load	페이지의 로딩이 완료되었을 때
abort	이미지의 로딩이 중단되었을 때
unload	페이지가 다른 곳으로 이동될 때
resize	요소에 사이즈가 변경되었을 때
scroll	스크롤바를 움직였을 때

 

5) 그 외 

online / offline	온라인 상태  / 오프라인 상태 (노트북의 경우 무선랜, WI-FI 연결 여부)
pagehide / pageshow	세션 기록 항목이 사라지고 / 들어올 때
animationstart / animationend	CSS 애니메이션이 시작 / 완료될 때
cut / copy / paste	클립보드로 잘라내기 / 복사 / 붙여넣기 되었을 때
drag	요소나 텍스트가 드래그 되고 있을 때
dragstart / dragend	드래그 시작 / 끝났을때 (마우스 놓거나 esc)
drop	요소가 유효한 드랍 대상에 드랍되었을 때

 

 

 

 

REFERENCE

 

이벤트 참조 | MDN

이벤트 입문 - Web 개발 학습하기 | MDN

JavaScript - 이벤트(Event), 이벤트의 종류, 이벤트 연결