- 01. 이벤트 메서드 : 텍스트 : addEventListener("click") : 클릭했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("scroll") : 스크롤했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("resize") : 브라우저의 사이즈가 변경 됐을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("selectstart") : 텍스트 선택을 시작 했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mousedown") : 마우스 버튼을 눌렀을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mouseup") : 마우스 버튼을 떼는 경우
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mousemove") : 마우스가 움직이는 경우
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mouseenter") : 요소 위에 포인터 요소가 위치해 있을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mouseleave") : 요소 위에 포인터 요소가 벗어났을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mouseover") : 요소 위에 포인터 요소가 위치해 있을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("mouseout") : 요소 위에 포인터 요소가 벗어났을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("drag") : 드래그 중일 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragstart") : 드래그 시작했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragend") : 드래그 끝났을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragenter") : 요소의 위치에 드래그 했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragover") : 요소의 위치 위에 있을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragleave") : 요소의 위치 위에서 벗어났을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("dragdrop) : 요소의 위치에 드롭 했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("keydown") : 키 눌렀을 때 (한번만 실행)
- 01. 이벤트 메서드 : 텍스트 : addEventListener("keypress") : 키 눌렀을 때 (누르고 있으면 계속 실행)
- 01. 이벤트 메서드 : 텍스트 : addEventListener("keyup") : 키 누르고 떼었을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("touchstart") : 터치가 시작 했을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("touchmove") :터치가 움직이고 있을 때
- 01. 이벤트 메서드 : 텍스트 : addEventListener("touchend") : 터치가 끝났을 때
- 01. 이벤트 속성 : clientX : X좌표 값 : 브라우저 기준
- 01. 이벤트 속성 : clientY : Y좌표 값 : 브라우저 기준
- 01. 이벤트 속성 : offsetX : X좌표 값 : 요소 기준
- 01. 이벤트 속성 : offsetY : Y좌표 값 : 요소 기준
- 01. 이벤트 속성 : pageX : X좌표 값 : 페이지 기준
- 01. 이벤트 속성 : pageY : Y좌표 값 : 페이지 기준
- 01. 이벤트 속성 : screenX : X좌표 값 : 디바이스 기준
- 01. 이벤트 속성 : screenY : Y좌표 값 : 디바이스 기준
- 01. 이벤트 메서드 : preventdefault() : 이벤트 작동 해지
- 01. 이벤트 메서드 : dispatchdefault() : 이벤트 작동 해지