- 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. 이벤트 메서드 : addEventListener('touchstart') : 터치가 시작 됐을 때
- 01. 이벤트 메서드 : addEventListener('touchmove') : 터치가 움직이고 있을 때
- 01. 이벤트 메서드 : addEventListener('touchend') : 터치가 끝났을 때
- 01. 이벤트 메서드 : addEventListener('keydown') : 키를 눌렀을 때(한번만 실행)
- 01. 이벤트 메서드 : addEventListener('keypress') : 키가 눌렀을 때(누르고 있으면 계속 실행)
- 01. 이벤트 메서드 : addEventListener('keyup') : 키를 누르고 뗐을 때
- 01. 이벤트 메서드 : addEventListener('dragstart') : 드래그 시작 했을 때
- 01. 이벤트 메서드 : addEventListener('drag') : 드래그 중인 경우
- 01. 이벤트 메서드 : addEventListener('dragend') : 드래그 끝났을 때
- 01. 이벤트 메서드 : addEventListener('dragenter') : 요소의 위치를 드래그 끝났을 때
- 01. 이벤트 메서드 : addEventListener('dragover') : 요소의 위치 위에 있을 때
- 01. 이벤트 메서드 : addEventListener('dragleave') : 요소의 위치 위에서 벗어났을 때
- 01. 이벤트 메서드 : addEventListener('drop') : 요소의 위치에 드롭 했을 때