MouseEvent screenX 속성
예시
요소에서 마우스 버튼을 클릭할 때 화면에 상대적인 마우스 포인터의 좌표를 가져옵니다.
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
screenX 속성은 이벤트가 발생했을 때 마우스 포인터의 수평 좌표(사용자 컴퓨터 화면에 따름)를 반환합니다.
팁: 마우스 포인터의 수직 좌표(화면에 따라)를 얻으려면 screenY 속성을 사용하십시오.
참고: 이 속성은 읽기 전용입니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
통사론
event.screenX
기술적 세부 사항
반환 값: | 마우스 포인터의 수평 좌표를 나타내는 숫자(픽셀) |
---|---|
DOM 버전: | DOM 레벨 2 이벤트 |
더 많은 예
예시
clientX와 clientY, screenX와 screenY의 차이점 데모:
var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
관련 페이지
HTML DOM 참조: MouseEvent screenY 속성
HTML DOM 참조: MouseEvent clientX 속성
HTML DOM 참조: MouseEvent clientY 속성
HTML DOM 참조: MouseEvent offsetX 속성
HTML DOM 참조: MouseEvent offsetY 속성