이벤트, 이벤트 처리기

*이벤트란?

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

2. 웹 문서 영역안에서 이뤄지는 동작만 가리킴

3.주로 마우스나 키보드를 사용할 때, 웹 문서를 불러올 때, 폼에 내용을 입력할 때 발생

*마우스 이벤트

종류	설명
click	사용자가 HTML 요소를 클릭할 때 이벤트가 발생
dbclick	사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생함
mousedown	사용자가 요소 위에서 마우스 버튼을 눌렀을 때 이벤트가 발생함
mousemove	사용자가 요소 위에서 마우스 포인터를 움직일 때 이벤트가 발생함
mouseover	마우스 포인터가 요소 위로 옮겨질 때 이벤트가 발생함
mouseout	마우스 포인터가 요소를 벗어날 때 이벤트가 발생함
mouseup	사용자가 요소 위에 놓인 마우스 버튼에서 손을 땔 때 이벤트가 발생함

 

*키보드 이벤트

종류	설명
keydown	사용자가 키를 누르는 동안 이벤트가 발생함
keypress	사용자가 키를 눌렀을 대 이벤트가 발생함
keyup	사용자가 키에서 손을 땔 때 이벤트가 발생함

 

*문서 로딩 이벤트

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

 

*폼 이벤트

종류	설명
blur	폼 요소에 포커스를 잃었을 때 이벤트가 발생함
change	목록이나 체크 상태 등이 변경되면 이벤트가 발생함. <input>, <select>, <textarea> 태그에서 사용함
focus	폼 요소에 포커스가 놓였을 때 이벤트가 발생함. <lable>, <select>, <textarea>, <button> 태그에서 사용함
reset	폼이 리셋되었을 때 이벤트가 발생함
submit	submit 버튼을 클릭했을 때 이벤트가 발생함

(예제) 이벤트, 이벤트 처리기.txt

0.00MB