이벤트 종류
이벤트
이벤트는 어떤한 요소에 이벤트를 예약해놓고 요소에 이벤트가 발동되면 특정 함수가 실행되는 것을 의미하며 원하는 시점에 필요한 기능을 할 수 있도록 도와주는 형태이다.
이벤트의 종류는 마우스, 키보드, 브라우저, 문서로딩, 폼이 있다.
마우스 이벤트
| 종류 |
설명 |
| 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 |
폼의 내용을 전송할 때에 발생 |
