WEB/#JavaScript
javascript 이벤트 정리
봉바👾
2023. 6. 28. 23:48
마우스 이벤트
click | 사용자가 html요소를 마우스로 눌렀을때 이벤트가 발생합니다 |
dblclick | 사용자가 html요소를 마우스로 두 번 눌렀을 때 이벤트가 발생합니다 |
mousedown | 사용자가 요소위에 마우스 버튼을 누르는 동안 이벤트가 발생합니다 |
mousemove | 사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트가 발생합니다 |
mouseover | 마우스 포인터가 요소 위로 옮겨질 때 이벤트가 발생합니다 |
mouseout | 마우스 포인터가 요소를 벗어날 때 이벤트가 발생합니다 |
mouseup | 사용자가 누르고 있던 마우스 버튼에서 손을 뗄 때 이벤트가 발생합니다 |
키보드 이벤트
keypress | 사용자가 키를 눌렀을 때 이벤트가 발생합니다 |
keydown | 사용자가 키를 누르는 동안 이벤트가 발생합니다 |
keyup | 사용자가 키에서 손을 뗄 때 이벤트가 발생합니다 |
문서 로딩 이벤트
서버에서 웹문서를 가져오거나 문서를 위아래로 스크롤 하는 등 웹문서를 브라우저 창에 보여주는 것과 관련된 이벤트입니다
abort | 웹 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 이벤트가 발생합니다 |
error | 문서가 정확히 로딩되지 않았을 때 이벤트가 발생합니다 |
load | 문서 로딩이 끝나면 이벤트가 발생합니다 |
resize | 문서 화면크기가 바뀌었을 때 이벤트가 발생합니다 |
scroll | 문서 화면이 스크롤되었을 때 이벤트가 발생합니다 |
unload | 문서를 벗어날 때 이벤트가 발생합니다 |
폼 이벤트
blur | 폼 요소에 포커스를 잃었을 때 이벤트가 발생합니다 |
change | 목록이나 체크 상태 등이 변경되었을 때 이벤트가 발생합니다(<input>,<select>,<button>태그에서 사용합니다) |
focus | 폼 요소에 포커스가 놓였을 때 이벤트가 발생합니다(<label>,<select>,<textarea>,<button>태그에서 사용합니다) |
reset | 폼이 다시 시작되었을 때 이벤트가 발생합니다 |
submit | submit 버튼을 눌렀을 때 이벤트가 발생합니다 |