[JavaScript] 자바스크립트 다양한 이벤트(Event) 정리

 

 

마우스 이벤트

이벤트	설명
click	클릭시 발생
dbclick	더블클릭시 발생
mouseover	마우스 포인터가 영역 위로 올라올 경우 발생
mouseout	마우스 포인터가 영역에서 벗어날 경우 발생
mousedown	마우스 버튼을 누를 경우 발생
mouseup	마우스 버튼을 눌렀다 놓을 경우 발생
mousemove	마우스를 움직일 경우 발생
contextmenu	contextmenu(마우스 우클릭시 나오는 메뉴)가 나오기 전에 발생

 

 

키보드 이벤트

이벤트	설명
keydown	키보드의 버튼이 내려가는 순간 발생
keyup	키보드의 버튼이 내려가는 순간 발생 ('a', '5' 등 출력이 가능한 키에서만 동작하며 Enter, ESC 등의 키에는 반응하지 않음)
keypress	눌러진 키보드의 버튼이 다시 올라오면서 발생

 

 

포커스 이벤트

이벤트	설명
focus	포커스가 위치할 경우 발생
blur	포커스를 다른곳으로 옮길 경우 발생

 

 

입력 이벤트

이벤트	설명
change	선택 값을 바꿀 경우 발생
input	사용자가 입력을 하는 경우 발생
select	입력 양식의 하나가 선택될 때 발생
submit	폼을 전송하는 경우 발생

 

 

윈도우 창 이벤트

이벤트	설명
move	윈도우나 프레임을 움직일 때 발생
resize	윈도우나 프레임 사이즈를 움직일 때 발생