javascript

• 01. 이벤트 메서드 : addEventListener("click") | 클릭했을 때
• 02. 이벤트 메서드 : addEventListener("scroll") | 스크롤했을 때
• 03. 이벤트 메서드 : addEventListener("resize") | 브라우저 사이즈가 변경 됐을 때
• 04. 이벤트 메서드 : addEventListener("selectstart") | 텍스트 선택을 시작 했을 때


• 05. 이벤트 메서드 : addEventListener("mousedown") | 마우스 버튼을 눌렀을 때
• 06. 이벤트 메서드 : addEventListener("mouseup") | 마우스 버튼을 뗐을 때
• 07. 이벤트 메서드 : addEventListener("mousemove") | 마우스를 움직일 때
• 07. 이벤트 메서드 : addEventListener("mouseenter") | 요소 위에 마우스 포인터 요소의 위치가 있을 때
• 07. 이벤트 메서드 : addEventListener("mouseleave") | 요소 위에 마우스 포인터 요소의 위치가 벗어 났을 때
• 07. 이벤트 메서드 : addEventListener("mouseover") | 요소 위에 마우스 포인터 요소의 위치가 벗어 났을 때
• 07. 이벤트 메서드 : addEventListener("mouseout") | 요소 위에 마우스 포인터 요소의 위치가 벗어 났을 때


• 08. 이벤트 메서드 : addEventListener("drag") | 드래그 했을 때
• 09. 이벤트 메서드 : addEventListener("dragstart") | 드래그 시작했을 때
• 10. 이벤트 메서드 : addEventListener("dragend") | 드래그 끝났을 때
• 10. 이벤트 메서드 : addEventListener("dragenter") | 요소의 위치 위에 드래그 했을 때
• 10. 이벤트 메서드 : addEventListener("dragover") | 요소의 위치 위에 있을 때
• 10. 이벤트 메서드 : addEventListener("dragleave") | 요소의 위치 위에서 벗어 났을 때
• 10. 이벤트 메서드 : addEventListener("dragdrop") | 요소 위치에 드롭 했을 때


• 11. 이벤트 메서드 : addEventListener("keydown") | 키를 눌렀을 때 (한 번만 실행이 된다.)
• 11. 이벤트 메서드 : addEventListener("keypress") | 키를 눌렀을 때 (누르고 있으면 계속 실행이 된다.)
• 11. 이벤트 메서드 : addEventListener("keyup") | 키를 누르고 뗐을 때


• 11. 이벤트 메서드 : addEventListener("touchstart") | 터치가 시작 되었을 때
• 11. 이벤트 메서드 : addEventListener("touchmove") | 터치가 움직이고 있을 때
• 11. 이벤트 메서드 : addEventListener("touchend") | 터치가 끝났을 때
• 11. 이벤트 속성 : clientX | 마우스 X 좌표값 : 브라우저 기준
• 11. 이벤트 속성 : clientY | 마우스 Y 좌표값 : 브라우저 기준
• 11. 이벤트 속성 : offsetX | 마우스 Y 좌표값 : 요소 기준
• 11. 이벤트 속성 : offsetY | 마우스 Y 좌표값 : 요소 기준
• 11. 이벤트 속성 : pageX | 마우스 Y 좌표값 : 페이지 기준
• 11. 이벤트 속성 : pageY | 마우스 Y 좌표값 : 페이지 기준
• 11. 이벤트 속성 : screenX | 마우스 Y 좌표값 : 디바이스 기준
• 11. 이벤트 속성 : screenY | 마우스 Y 좌표값 : 디바이스 기준


• 11. 이벤트 메서드 : prenventDefault() | 이벤트 작동 해지
• 11. 이벤트 메서드 : dispatchDefault() | 이벤트 작동 해지