MouseEvent screenY 속성

DOM 이벤트 MouseEvent

정의와 사용법

screenY 속성은 이벤트가 발생할 때 마우스 포인터의 수직 좌표(사용자 컴퓨터 스크린 상대적으로)를 반환합니다.

추천:마우스 포인터의 수평 좌표(사용자 컴퓨터 스크린 상대적으로)를 가져오려면 사용하세요 screenX 속성.

주의사항:이 속성은 읽기 전용입니다.

예제

예제 1

요소에 마우스 버튼을 클릭할 때, 마우스 포인터가 스크린에 대한 좌표를 가져옵니다:

var x = 이벤트.screenX;     // 수평 좌표를 가져옵니다
var y = 이벤트.screenY;     // 수직 좌표를 가져옵니다
var coor = "X coords: " + x + ", Y coords: " + y;

직접 시험해 보세요

예제 2

clientX와 clientY 및 screenX와 screenY 간의 차이를 보여 주는 데 대한 시연:

var cX = 이벤트.clientX;
var sX = 이벤트.screenX;
var cY = 이벤트.clientY;
var sY = 이벤트.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

직접 시험해 보세요

문법

이벤트.screenY

기술 세부 사항

반환 값: 숫자 값, 마우스 포인터의 수직 좌표를 픽셀로 계산.
DOM 버전: DOM Level 2 Events

브라우저 지원

속성 Chrome IE 파이어폭스 사파리 오페라
screenY 지원 지원 지원 지원 지원

관련 페이지

HTML DOM 참조 매뉴얼:MouseEvent screenX 속성

HTML DOM 참조 매뉴얼:MouseEvent clientX 속성

HTML DOM 참조 매뉴얼:MouseEvent clientY 속성

HTML DOM 참조 매뉴얼:MouseEvent offsetX 속성

HTML DOM 참조 매뉴얼:MouseEvent offsetY 속성

DOM 이벤트 MouseEvent