이벤트(event) 종류

 

 

이벤트는 시스템에서 일어나는 사건이나 발생을 의미하며, 원하는 요소에 이벤트를 예약해두고 이벤트를 작동시키면 특정 함수가 실행되는 것을 의미한다. 원하는 시점에 필요한 기능을 할 수 있도록 도와주는 형태이다.

 

 

 

이벤트의 종류로는 마우스, 키보드, 브라우저, 문서로딩, 폼이 있다.

 

 

 

마우스 이벤트

종류	설명
click	마우스를 클릭 했을 때 발생
dblclick	더블 클릭 했을 때에 발생
hover	mouseenter와 mouseleave
mousedown	마우스를 눌렀다가 떼었을 때에 발생
mouseenter	마우스가 진입했을 때에 발생
mouseleave	마우스가 벗어났을 때에 발생
mousemove	요소 내에서 마우스를 움직였을 때에 발생
mouseout	요소 내에서 마우스 포인터가 떠났을 때에 발생
mouseover	요소 내에서 마우스를 올려놓았을 때 발생
mouseup	마우스 포인터를 노드에 올려놓고 마우스 버튼을 눌렀다 떼었을 때에 발생
toggle	click을 연속적으로 실행

 

 

 

 

키보드 이벤트

종류	설명
keydown	키보드를 눌렀을 때에 발생
keypress	키보드를 계속 누르고 있을 때에 발생
keyup	키보드를 눌렀다가 떼었을 때 발생

 

 

 

 

브라우저 이벤트

종류	설명
resize	웹브라우저 윈도우 사이즈의 변화가 있을 때
scroll	스크롤이 움직일 때에 발생

 

 

 

 

문서로딩 이벤트

종류
ready	해당 페이지가 로딩되었을 때에(처음 읽힐 때에) 발생
unload	해당 페이지를 빠져나갈 때에 발생

 

 

 

 

폼 이벤트

종류	설명
blur	포커스가 떠날 때에 발생
change	값(value)이 변경될 때에 발생
focus	포커스를 획득했을 때에 발생
select	select 에서 선택했을 때에 발생
submit	폼의 내용을 전송할 때에 발생