TIL - 20220905

 오늘은 모던 JavaScript 튜토리얼에서 마우스 이벤트에 대해 공부했다. 작성한 질문은 다음과 같다.

 마우스 이벤트의 종류는 다음과 같다.

• mousedown: 마우스 왼쪽 버튼을 눌렀을 때 발생하는 이벤트
• mouseup: 마우스 왼쪽 버튼을 눌렀을 때 mousedown 이벤트가 발생하고 뗄 때, mouseup 이벤트가 발생한다.
• mousemove: 마우스를 움직일 때 발생한다:
• click: 마우스 왼쪽 버튼을 사용하여 동일 요소에서 mousedown, mouseup 이벤트를 연달아 발생시킬 때, click 이벤트가 실행된다.

 

 마우스 이벤트 순서는 마우스 왼쪽 버튼을 눌렀을 경우, mousedown - mouseup - click 순서로 진행된다.

 

 마우스 이벤트 좌표의 종류로는 두 가지 종류가 있다.

• 클라이언트 좌표: clientX와 clientY
• 페이지 좌표: pageX와 pageY