예
마우스 버튼 요소를 클릭 한 화면을 기준으로 마우스 포인터의 좌표를 가져옵니다 :
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // Get the vertical coordinate
var coor = "X coords: "
+ x + ", Y coords: " + y;
좌표 데이터 로거의 결과가 될 수있다 :
X coords: 142, Y coords: 99 »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
screenX 속성은 수평 좌표를 리턴합니다 (according to the users computer screen) 이벤트가 트리거 될 때 마우스 포인터.
팁 : 마우스 포인터의 (화면)에 따라 수직 좌표를 얻으려면 사용 screenY의 속성을.
참고 :이 속성은 읽기 전용입니다.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| screenX | 예 | 예 | 예 | 예 | 예 |
통사론
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 Property
HTML DOM 참조 : MouseEvent clientX Property
HTML DOM 참조 : MouseEvent clientY Property
<이벤트 객체