Javascript _이벤트타입

마우스 이벤트

click	마우스 버튼을 클릭했을 때
dbclick	마우스 버튼을 더블클릭 했을 때
mousedown	마우스 버튼을 눌렀을 때
mouseup	누르고 있던 마우스 버튼을 놓았을 때
mousemove	마우스 커서를 움직였을 때
mouseenter	마우스 커서를 html요소 안으로 이동했을 때 버블링X
mouseover	마우스 커서를 html요소 안으로 이동했을 때 버블링 됨
mouseleave	마우스 커서를 html요소 밖으로 이동했을 때 버블링 X
mouserout	마우스 커서를 html요소 밖으로 이동했을 때 버블링 됨

 

키보드 이벤트

keydown	모든 키를 눌렀을 때 발생한다
keypress	문자 키를 눌렀을 때 연속적으로 발생한다
keyup	누르고 있던 키를 놓았을 때 한 번만 발생한다

 

 

포커스 이벤트

focus	HTML요소가 포커스를 받았을 때 (버블링되지 않는다)
blur	HTML요소가 포커스를 잃었을 때 (버블링되지 않는다)
focusin	HTML요소가 포커스를 받았을 때 (버블링 됨)
focusout	HTML요소가 포커스를 잃었을 때 (버블링 됨)

 

 

폼 이벤트

submit	1. form요소 내의 input(text, checkbox, radio),     select입력 필드 에서 엔터 키를 눌렀을 때 2. form요소 내의 submit버튼 <button><input type='submit'>
reset	form요소 내의 reset 버튼을 클릭했을 때 (최근 사용x)

 

 

값 변경 이벤트

input	input(text, checkbox, radio), select, textarea 요소 값 입력되었을 때
change	input(text, checkbox, radio), select, textarea 요소 값이 변경되었을 때 change이벤트는 html 포커스가 잃었을 때 사용자 입력이 종료되었다고 인식하여 발생한다.
readystatechange	HTML문서 로드와 파싱 상태를 나타내는 document.readyState 프로퍼티 값 ( interactive, complate 이 변경될때 )

 

DOM 뮤테이트 이벤트

DOMContentLoaded

HTML 문서의 로드와 파싱이 완료되어 DOM생성이 완료되었을 때

 

뷰 이벤트

resize	브라우저 윈도우의 크기를 리사이즈 할 때 연속적으로 발생한다.
scroll	웹페이지 또는 HTML 요소를 스크롤 할 때 연속적으로 발생

 

리소스 이벤트

load	DOMContentLoaded 이벤트가 발생한 이후, 모든 리소스의 로딩이 완료되었을 때
unload	리소스가 언로드 될 때 ( 새 웹페이지를 요청한 경우 )
abort	리소스 로딩이 중단되었을 때
error	리소스 로딩이 실패했을 때