JAVASCRIPT

이벤트 종류

컴맹숙 2023. 2. 17. 01:26

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