[JavaScript] 자주 사용하는 이벤트 목록 12가지
이벤트(Event)란 웹에서 발생하는 모든 사건들을 통칭하는 단어이다.
(EX- 마우스 클릭, 마우스 오버, 더블 클릭 등…)
아래에는 자주 사용하는 이벤트 목록 몇가지를 소개한다.
이벤트 목록
| 이벤트 명 | 이벤트 발생 시점 |
|---|---|
| click | 마우스 버튼을 클릭할 때 |
| dbclick | 마우스 버튼을 더블 클릭할 때 |
| mouseover | 마우스의 커서를 요소위에 올릴 때 |
| mouseout | 마우스 커서가 요소를 벗어날 때 |
| mousedown | 마우스 버튼을 누르고 있을 때 |
| mouseup | 마우스 버튼을 누르고 떼었을 때 |
| mousemove | 마우스 커서가 움직일 때 |
| keypress | 키를 누르고 있을 때 |
| keydown | 키를 누를 때 |
| keyup | 키를 누르고 떼었을 때 |
| resize | 브라우저 창의 크기가 조절되었을 때 |
| scroll | 웹 페이지를 스크롤할 때 |
| focus | 요소에 포커스가 이동되었을 때 |
| blur | 요소에 포커스가 벗어날 때 |
| change | 요소 값을 변경했을 때 |
| load | 웹 페이지의 로딩이 완료되었을 때 |
| unload | 브라우저 창을 닫거나 다른 페이지로 이동할 때 |
Leave a comment