이벤트
- 01. 이벤트 메서드 addEventListener("click") 클릭했을 때
- 02. 이벤트 메서드 addEventListener("dblclick") 더블 클릭했을 때
- 03. 이벤트 메서드 addEventListener("lode") 문서 로딩이 끝났을 때
- 04. 이벤트 메서드 addEventListener("error") 문서가 정확히 로딩되지 않았을 때
- 05. 이벤트 메서드 addEventListener("DOMContentLoaded") 문서 데이터 로딩이 끝났을 때
- 06. 이벤트 메서드 addEventListener("scroll") 스크롤했을 때
- 07. 이벤트 메서드 addEventListener("resize") 브라우저 사이즈 변경 됐을 때
- 07. 이벤트 메서드 addEventListener("selectstart") 텍스트 선택을 시작했을 때
마우스 포인터
- 01. 이벤트 메서드 addEventListener("mousedown") 마우스 버튼을 클릭했을 때
- 02. 이벤트 메서드 addEventListener("mouseup") 마우스 버튼을 떼는 경우
- 03. 이벤트 메서드 addEventListener("mousemove") 마우스를 움직이는 경우
- 04. 이벤트 메서드 addEventListener("mouseenter") 요소 위에 포인터 요소 위치가 있을 때
- 05. 이벤트 메서드 addEventListener("mouseleave") 요소 위에 포인터 요소 위치가 벗어 났을 때
- 06. 이벤트 메서드 addEventListener("mouseover") 요소 위에 포인터 요소 위치가 있을 때
- 07. 이벤트 메서드 addEventListener("mouseout") 요소 위에 포인터 요소 위치가 벗어 났을 때
폼
- 01. 이벤트 메서드 addEventListener("blur") 폼 요소에 포커스를 잃었을 때
- 02. 이벤트 메서드 addEventListener("change") 목록이나 체크 상태 등이 변경되었을 때
- 03. 이벤트 메서드 addEventListener("focus") 폼 요소에 포커스를 놓았을 때
- 04. 이벤트 메서드 addEventListener("reset") 폼이 리셋되었을 때
- 05. 이벤트 메서드 addEventListener("submit") 폼에 있는 버튼을 클릭했을 때
드래그
- 01. 이벤트 메서드 addEventListener("drag") 드래그 중인 경우
- 02. 이벤트 메서드 addEventListener("dragstart") 드래그를 시작 했을 때
- 03. 이벤트 메서드 addEventListener("dragend") 드래그 끝났을 때
- 04. 이벤트 메서드 addEventListener("dragenter") 요소의 위치에 드래그 했을 때
- 05. 이벤트 메서드 addEventListener("dragover") 요소의 위치 위에 있을 때
- 06. 이벤트 메서드 addEventListener("dragleave") 요소의 위치 위에서 벗어 났을 때
- 07. 이벤트 메서드 addEventListener("drop") 요소의 위치에 드롭 했을 때
키보드
- 01. 이벤트 메서드 addEventListener("keydown") 키 눌렀을 때(한번만 실행)
- 02. 이벤트 메서드 addEventListener("keypress") 키 눌렀을 때(누르고 있으면 계속 실행)
- 03. 이벤트 메서드 addEventListener("keyup") 키 누르고 뗐을 때
터치
- 01. 이벤트 메서드 addEventListener("touchstart") 터치가 시작 됐을 때
- 02. 이벤트 메서드 addEventListener("touchmove") 터치가 움직이고 있을 때
- 03. 이벤트 메서드 addEventListener("touchend") 터치가 끝났을 때
마우스 좌표
- 01. 이벤트 속성 clientX X좌표 값 : 브라우저 기준
- 02. 이벤트 속성 clientY Y좌표 값 : 브라우저 기준
- 03. 이벤트 속성 offsetX X좌표 값 : 요소 기준
- 04. 이벤트 속성 offsetY Y좌표 값 : 요소 기준
- 05. 이벤트 속성 pageX X좌표 값 : 페이지 기준
- 06. 이벤트 속성 pageY Y좌표 값 : 페이지 기준
- 07. 이벤트 속성 screenX X좌표 값 : 디바이스 기준
- 08. 이벤트 속성 screenY Y좌표 값 : 디바이스 기준