English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
event.pageX 속성은 마우스 포인터가 문서 왼쪽 가장자리에 대한 위치를 픽셀 단위로 반환합니다.
이 속성은 일반적으로event.pageY속성을 함께 사용합니다.
event.pageX
시각화 마우스가 문서의 왼쪽 및 위쪽 가장자리에 대한 위치를 표시합니다：
$(document).mousemove(function(event){
"$output.text("pageX: \u3000\u3000" + event.pageX + ", "pageY: " + event.pageY);
});테스트를 보세요‹/›마우스 위치에 대한 DIV 위치를 변경합니다:
$(document).ready(function(){
let pos = {x:0, y:0};
let box = $("div");
let w = box.width();
let h = box.height();
let offset = box.position();
$(document).mousemove(function(event){
pos.x = event.pageX - offset.left - (w/2);
pos.y = event.pageY - offset.top - (h/2);
box.css({"left":pos.x, "top":pos.y});
});
});테스트를 보세요‹/›| 매개변수 | 설명 |
|---|---|
| event | 이이벤트의 매개변수는 이벤트 바인딩 기능에서 옵니다 |