맵크나이트의 마라탐방

javascript 이벤트 정리 본문

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 버튼을 눌렀을 때 이벤트가 발생합니다