FE Study) STEP 22 리뷰

[eyabc]

auxclick: 마우스 왼쪽버튼(주요 버튼)을 제외한 다른 버튼을 클릭했을 때 작동(ex. 오른쪽 버튼, 휠 버튼, 다른 매크로 버튼 등) select: text가 선택(드래그)됐을 때 동작. 요소가 input태그이고 태그의 type이 text, textarea일 때만 동작. wheel: 휠을 작동시킬 때 발생

clientX, clientY (클라이언트 좌표) clientX: 어플리케이션의 viewport내의 수평 좌표를 제공하는 마우스 이벤트의 좌표 속성 clientY: 어플리케이션의 viewport내의 수직 좌표를 제공하는 마우스 이벤트의 좌표 속성 clientX와 clientY는 현재 화면에서 보여지고 있는 웹문서를 기준으로 각각 왼쪽으로부터, 위로부터 얼마나 떨어져 있는지를 나타낸다.

페이지가 스크롤되어도 값이 변하지 않는다.

[추가] viewport💡

어플리케이션 현재 화면에서 보여지고 있는 영역(보통 직사각형)을 나타내는 용어이다.

pageX, pageY (페이지 좌표) pageX: 페이지 창 왼쪽을 기준으로 얼마나 떨어져 있는지를 나타내는 마우스 이벤트의 좌표 속성 pageY: 페이지 창 위쪽을 기준으로 얼마나 떨어져 있는지를 나타내는 마우스 이벤트의 좌표 속성 해당 html 문서 전체를 기준으로 한 좌표이다. 페이지를 스크롤하면 값도 변한다.

꼼꼼하게 정리해 주셨네요. 잘 보고 갑니다

[khw970421]

auxclick이라는 개념은 처음보고 실행해봤더니 왼쪽버튼외에만 정상동작하는 것을보며 신기했습니다.

마우스 이벤트 순서부분을 다른경우마다 다 설명한 부분이 인상깊었습니다.