11.11 이벤트와 이벤트 처리기

이벤트란 웹 브라우저나 사용자가 행하는 어떤 동작을 말한다. 

키보드의 키를 누르거나 브라우저가 웹 페이지를 불러오는 것도 이벤트이다. 

자바스크립트 이벤트는 주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올때, 폼(FORM)에 내용을 입력할 때 주로 발생시킨다. 

 

마우스 이벤트 : 마우스에서 버튼이나 휠 버튼 조작할 떄 발생하는 이벤트 

속성	설명
click	사용자가 HTML 요소를 마우스로 눌렀을 때 발생
dblclick	사용자가 HTML 요소를 마우스로 두 번 눌렀을 때 발생
mousedown	사용자가 요소 위에서 마우스 버튼을 누르는 동안 발생
mousemove	사용자가 요소 위에서 마우스 포인터를 움직일 때 발생
mouseover	마우스 포인터가 요소위로 옮겨질때 발생
mouseout	마우스 포인터가 요소를 벗어날 때 이벤트 발생
mouseup	사용자가 누르고 있던 마우스 버튼에서 손을 땔 때 발생

키보드 이벤트 : 키보드에서 특정 키를 조작할 때 발생하는 이벤트

속성	설명
keypress	키를 눌렀을때 발생
keydown	키를 누르는 동안 발생
keyup	사용자가 키에서 손을 뗄 때 발생

문서 로딩 이벤트 : 서버에서 웹문서를 가져오거나 문서를 위아래로 스크롤하는 등 웹 문서를 브라우저 창에 보여주는 것과 관련된 이벤트 

속성	설명
abort	웹 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 이벤트가 밸생
error	문서가 정확히 로딩되지 않았을 때 발생
load	문서 로딩이 끝나면 이벤트가 발생
resize	문서화면 크기가 바뀌었을때 이벤트가 발생
scroll	문서 화면이 스크롤 되었을 때 이벤트가 발생
unload	문서를 벗어날 때 이벤트 발생

폼 이벤트 : 폼이란 로그인이나 검색, 게시판, 설문 조사처럼 사용자가 자료(wjdqh)를 입력하는 모든 요소를 가리킨다.

속성	설명
blur	폼 요소에 포커스를 잃었을 때 이벤트가 발생
change	목록이나 체크상태 등이 변경되었을때 발생  <input> <select> <textarea>태그에서 사용됨.
focus	폼 요소에 포커스가 놓였을 때 발생  <label> <select> <textarea> <button> 탵그에서 사용한다.
reset	폼이 다시 시작되었을 때 발생
submit	submit 버튼을 눌렀을때 이벤트가 발생

＊이 외 이벤트 목록

https://developer.mozilla.org/en-US/docs/Web/Events 참고