브라우저에서 흔히 일어나는 Event 정리

Event: 웹 브라우저나 사용자가 행하는 동작들.

 

1. 마우스 이벤트:

click() : 요소를 클릭했을 때 발생

dbclick() : 요소를 두번 클릭했을 때 발생.

mousedown: 요소 위에서 마우스 버튼을 누르는 동안 발생

mousemove: 요소 위에서 포인터를 움직일 때 발생.

mouseover: 마우스 포인터가 요소 위로 움직일때 발생

mouseout: 마우스 포인터가 요소를 벗어날 때 이벤트가 발생

mouseup: 사용자가 누루고 있던 마우스 버튼에서 손을 땔때 이벤트가 발생.

 

2. 폼 이벤트: <form> 내 이벤트

blur: 폼 요소에서 포커스를 잃었을 때 이벤트가 발생.

change: 목록이나 체크 상태 등이 변경되었을 때 이벤트가 발생.

focus: 폼 요소에 포커스가 놓였을때 이벤트가 발생

reset: 폼이 다시 시작되었을 때 발생하는 이벤트 발생

submit: submit 버튼을 눌러 제출했을 때 발생하는 이벤트

 

3. 키보드 이벤트

keypress: 키를 눌렀을 때 이벤트가 발생

keydown: 키를 누르는 동안 이벤트가 발생

keyup: 키에서 손을 땔 때 이벤트가 발생.

 

4. 문서 로딩 이벤트

abort: 웹 문서가 완전이 로딩되기 이전에 불러오기를 멈췄을 때 이벤트가 발생.

error: 문서가 정확하게 로딩되지 않는 오류가 발생하면 이벤트가 발생

load: 문서 로딩이 끝나면 이벤트가 발생

resize: 문서 크기가 바뀌었을 때 이벤트가 발생

scroll: 문서 화면이 스크롤 되었을 때 이벤트가 발생

unload: 문서를 벗어날 때 이벤트 발생