JavaScript Event 이벤트 개념 및 종류

#################################

#################################

시간 날때 마저 정리할 문서 입니다.

#################################

#################################

 

---

0. Event

- DOM :  html, xml 문서의 프로그래밍 인터페이스

- 사용자가 DOM 조작시 발생하는 특정 사건

- 즉 이벤트는 html 요소에 발생한 사건

 

---

 

https://developer.mozilla.org/en-US/docs/Web/API/Window

 

1. UI Event

load	스타일시트, 스크립트, iframe 및 이미지와 같은 모든 리소스를 포함하여 전체 페이지가 로드 되면 이벤트 발생
unload
error
resize
scroll

---

 

2. Keyboard Event

inoput	input 및 textarear 의 값이 변경될 때 이벤트 발생
keydown
keypress
keyup

---

 

3. Mouse Event

click	마우스 클릭
dblclick	마우스 더블 클릭
mousedown	마우스 버튼을 누르고 있을 때
mouseup	눌렀던 마우스 버튼을 뗄 때
mousemove	마우스를 움직일때
mouseover	요소의 범위 위에 마우스가 접근했을 때 * 이벤트 발생시 버블링이 일어나 상위 요소까지 전달 *preventDefault 메서드를 호출하여 기본 동작 취소 가능
mouseout	접근했던 마우스가 요소 밖으로 이동했을 때
mouseenter	요소의 범위 위에 마우스가 접근했을 때 * 이벤트 발생시 버블링이 없어 본인만 이벤트 적용 * preventDefault 메서드를 호출하여 기본 동작 취소 불가
mouseleave	접근했던 마우스가 요소 밖으로 이동했을 때