- 01. 이벤트 메서드 : addEventListener()
- 01. 이벤트 메서드 : addEventListener('click') : 클릭 했을 때
- 01. 이벤트 메서드 : addEventListener('scroll') : 스크롤 했을 때
- 01. 이벤트 메서드 : addEventListener('resize') : 브라우저 사이즈 변경 됐을을 때
- 01. 이벤트 메서드 : addEventListener('selecstart') : 텍스트 선택을 시작 했을 때
- 01. 이벤트 메서드 : addEventListener('visibilityghang') : 브라우저의 탭 상태가 변경 됬을 때
- 01. 이벤트 메서드 : addEventListener('DOMContrntLaoded') :로딩이 끝난후
- 01. 이벤트 메서드 : addEventListener(mousedown) : 마우스 버튼을 눌렀을 때
- 01. 이벤트 메서드 : addEventListener(mouseup) 마우스 버튼을 눌렀을 때
- 01. 이벤트 메서드 : addEventListener(mousemove) 포인터가 요소의 위치에 있을때
- 01. 이벤트 메서드 : addEventListener(mouseenter) 포인터 요소의 위치를 벗어났을때
- 01. 이벤트 메서드 : addEventListener(mouseleave) 포인터가 요소의 위치에 있을때(이벤트 버블링)
- 01. 이벤트 메서드 : addEventListener(mouseover) 포인터 요소의 위치를 벗어났을때 (이벤트 버블링)
- 01. 이벤트 속성 : 마우스 : MouseEvent.clintX: 브라우저 기준 x좌표
- 01. 이벤트 속성 : 마우스 : MouseEvent.clintY: 브라우저 기준 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(mouedown) 터치가 시작 됐을때
- 01. 이벤트 메서드 : addEventListener(mouedown) 터치가 움직이고 있을때
- 01. 이벤트 메서드 : addEventListener('mouedown') 터치가 끝났을 때
- 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('darg') 키를 눌렀을 때
- 01. 이벤트 메서드 : addEventListener('dragend') 키를 눌렀을 때
- 01. 이벤트 메서드 : addEventListener('dragebter') 키를 눌렀을 때
- 01. 이벤트 메서드 : addEventListener('dragover') 키를 눌렀을 때
- 01. 이벤트 메서드 : addEventListener('dragleave') 키를 눌렀을 때
- 01. 이벤트 메서드 : addEventListener('drop') 키를 눌렀을 때
- 01. 이벤트 메서드 : preventDefault('') 이벤트 작동 혜지