- 01. 이벤트 메서드 : addEventListener()
- 01. 이벤트 메서드 : addEventListener("click") : 클릭 했을 떄
- 01. 이벤트 메서드 : addEventListener("scroll") : 스크롤 했을 떄
- 01. 이벤트 메서드 : addEventListener("resize") : 브라우저 사이즈 변경 됐을 떄
- 01. 이벤트 메서드 : addEventListener("selectstart") : 텍스트 선택을 시작 했을 떄
- 01. 이벤트 메서드 : addEventListener("visibilitychange") : 브라우저를 탭 상태가 변경 됐을 떄
- 01. 이벤트 메서드 : addEventListener("DOMContentLoaded") : 로딩 끝난 후
- 01. 이벤트 메서드 : addEventListener("mousedown") : 마우스 버튼을 눌렀을 때
- 01. 이벤트 메서드 : addEventListener("mouseup") : 마우스 버튼을 떼는 경우
- 01. 이벤트 메서드 : addEventListener("mousemove") : 마우스를 움직이는 경우
- 01. 이벤트 메서드 : addEventListener("mouseenter") : 포인터가 요소의 위치에 있을 때
- 01. 이벤트 메서드 : addEventListener("mouseleave") : 포인터가 요소의 위치를 벗어났을 때
- 01. 이벤트 메서드 : addEventListener("mouseover") : 포인터가 요소의 위치에 있을 때(이벤트 버블링)
- 01. 이벤트 메서드 : addEventListener("mouseout") : 포인터가 요소의 위치를 벗어났을 때(이벤트 버블링)
- 01. 이벤트 속성 : 마우스 : MouseEvent.clientX : 브라우저 기준 X좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.clientY : 브라우저 기준 Y좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.offsetX : 요소 기준 X좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.offsetY : 요소 기준 Y좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.pageX : 페이지 기준 X좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.pageY : 페이지 기준 Y좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.screenX : 디바이스 기준 X좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.screenY : 디바이스 기준 Y좌표
- 01. 이벤트 메서드 : addEventListener("touchstart") : 터치가 시작 됐을 떄
- 01. 이벤트 메서드 : addEventListener("touchmove") : 터치가 움직이고 있을 떄
- 01. 이벤트 메서드 : addEventListener("touchend") : 터치가 끝났을 떄
- 01. 이벤트 메서드 : addEventListener("keydown") : 키를 눌렀을 때(한번만 실행)
- 01. 이벤트 메서드 : addEventListener("keypress") : 키를 눌렀을 때(누르고 있으면 계속 실행)
- 01. 이벤트 메서드 : addEventListener("keyup") : 키를 누르고 떼을 때
- 01. 이벤트 : 키보드 속성 : event.key : 눌러진 키의 값
- 01. 이벤트 : 키보드 속성 : event.code : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.altKey : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.ctrlKey : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.shiftKey : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.metaKey : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.repeat : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.isComposing : 눌러진 버튼의 코드
- 01. 이벤트 : 키보드 속성 : event.keyCode : 눌러진 버튼의 코드
- 01. 이벤트 메서드 : addEventListener("dragstart") : 드래그 시작 헀을 떄
- 01. 이벤트 메서드 : addEventListener("drag") : 드래그 중인 경우
- 01. 이벤트 메서드 : addEventListener("dragend") : 요소의 위치에 드래그 끝났을 떄
- 01. 이벤트 메서드 : addEventListener("dragover") : 요소의 위치를 드래그 했을 때
- 01. 이벤트 메서드 : addEventListener("dragleave") : 요소의 위치 위에서 벗어 났을 떄
- 01. 이벤트 메서드 : addEventListener("drop") : 요소의 위치에 드롭 했을 때
- 01. 이벤트 메서드 : preventDefault() : 이벤트 작동 해지
- 01. 이벤트 메서드 : dispatchDefault() : 이벤트 작동 해지