1. 이벤트
웹 브라우저나 사용자가 행하는 동작
(웹 문서 영역 안에서 이루어지는 동작)
2. 이벤트 종류
① 마우스 이벤트
| click | 클릭할 때 |
| dbclick | 더블클릭할 때 |
| mousedown | 마우스 버튼 눌렀을 때 |
| mousemove | 마우스 포인터를 움직일 때 |
| mouseover | 마우스가 요소 위에 있을 때 |
| mouseout | 마우스가 요소를 벗어날 때 |
| mouseup | 요소 위에 놓인 마우스 버튼에서 손을 뗄 때 |
② 키보드 이벤트
| keydown | 키보드를 누르는 동안 |
| keypress | 키보드를 눌렀을 때 |
| keyup | 키보드에서 손을 뗄 때 |
③ 문서 로딩 이벤트
| abort | 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 |
| error | 문서가 정확히 로딩되지 않았을 때 |
| load | 문서 로딩이 끝났을 때 |
| resize | 문서 화면 크기가 바뀌었을 때 |
| scroll | 문서 화면이 스크롤 될 때 |
| unload | 문서에서 벗어날 때 |
④ 폼 이벤트 (폼 : 사용자가 입력하는 모든 요소 - 로그인, 검색, 설문조사 등)
| blur | 폼 요소에 포커스를 잃었을 때 |
| change | 목록이나 체크 상태 등이 변경됐을 때 |
| focus | 폼 요소에 포커스가 놓였을 때 |
| reset | 폼이 리셋됐을 때 |
| submit | submit 버튼 클릭했을 때 |
'JAVASCRIPT' 카테고리의 다른 글
| DOM을 이용한 이벤트 핸들러 (0) | 2023.03.14 |
|---|---|
| 이벤트 핸들러 (0) | 2023.03.14 |
| 함수 표현식 (0) | 2023.01.21 |
| 매개변수가 있는 함수 (0) | 2023.01.18 |
| let과 const (2) | 2022.12.08 |