JavaScript - 이벤트(Event)

JavaScript

이벤트

웹 페이지 내 마우스, 키 입력 시 상호작용으로 일어나는 이벤트

 

1. 마우스 이벤트

이벤트	설명
click	마우스 클릭 시 발생
dbclick	마우스 더블클릭했 시 동작
mouseover	마우스 특정 위치에 가져다 놨을 때
mouseout	마우스 특정 위치에서 벗어났을 때
mousedown	마우스 클릭 유지 할 시
mouseup	마우스 유지 끝났을 때
mousemove	마우스 움직였을 때
contextmenu	마우스 우클릭 시 메뉴가 나오는 동작

 

 

2.키보드 이벤트

이벤트	설명
keydown	키 눌렀을 때 발생
keyup	키 떼을 때 발생
keypress	키 누름 유지시 발생

 

 

3.폼 이벤트

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

 

 

4.로드 및 기타 이벤트

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

 

여기까지 공부하면서 작성.. 다시 작성 예정