Javascript : event

🍵 이벤트 ★

대부분의 함수는 사용자가 화면에서 버튼을 클릭하거나 항목을 선택하는 등
행위를 했을 때 실행된다. 이 사용자가 하는 모든 행위를 이벤트라고 한다.
이벤트가 발생했을 때 실행하는 함수를 이벤트 처리기 또는 이벤트 핸들러 라고 한다.

[기본형]
HTML웹요소.on이벤트명 = 함수명; ->★소괄호 붙이지 않음!

이벤트 종류

[마우스 이벤트]
1. click★ : 사용자가 html요소 클릭시 이벤트 발생
2. dblclick : 더블클릭
3. mousedown : 사용자가 html 요소를 누르는 순간 발생
4. mouseup : 사용자가 클릭 후 떼는 순간 발생 (마우스 업 다운 합쳐 클릭으로 쓴다)
5. mousemove★ : 사용자가 요소 위에서 마우스 움직일 때 발생
6. mouseover★ : 사용자가 요소 위에 마우스 올렸을 때 발생

[키보드 이벤트]
1. keydown★ : 키보드의 키를 누르는 동안 발생. (한글 제외)
키보드의 모든 키에 대한 코드값을 반환.
2. keypress : 키보드의 키를 누르는 동안 발생.
기능키(F1~12, ctrl, alt, shift 등)에는 이벤트 발생 제외
문자키를 제외한 키의 코드값 반환.
3. keyup : 키보드 키를 눌렀다 뗐을 때 발생.

[문서 로딩 이벤트]
1. abort : 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 발생
2. error★ : 문서가 정확히 로딩되지 않았을 때 발생
3. load★ : 문서의 로딩이 끝나면 발생
4. resize : 문서 화면 크기 바뀌었을 때 발생
5. scroll : 문서 화면이 스크롤 되었을 때 발생
6. unload : 문서에서 벗어날 때 발생

[폼 이벤트]
1. blur★ : 특정 폼 요소에서 포커스를 잃었을 때 발생 (a태그 포함)
2. change★ : 목록이나 체크 상태 등이 변경되면 발생
(input, select, checkbox, textarea 태그에서 사용)
3. focus : 특정 폼 요소에서 포커스가 놓였을 때 발생 (a태그 포함)
4. reset : 폼 리셋되었을 때 발생
5. submit : submit 버튼 클릭했을 때 발생