ویژگی pageY رویداد MouseEvent

رویدادهای DOM MouseEvent

تعریف و استفاده

وقتی که رویداد موس فعال می‌شود، ویژگی pageY مختصات عمودی نشانه‌دهنده موس را (مقابل سند) بازمی‌گرداند.

سند به عنوان وب‌سایت در نظر گرفته می‌شود.

توجه:برای به دست آوردن مختصات افقی نشانه‌دهنده موس (مقابل سند)، از ویژگی pageX.

نکته:این ویژگی فقط خواندنی است.

نکته:این ویژگی استاندارد نیست، اما برای اکثر مرورگرهای اصلی مناسب است.

مثال

مثال 1

وقتی که دکمه موس روی عنصر کلیک می‌شود، مختصات نشانه‌دهنده را نمایش می‌دهد:

var x = event.pageX;     // به دست آوردن مختصات افقی
var y = event.pageY;     // به دست آوردن مختصات عمودی
var coor = "X coords: " + x + ", Y coords: " + y;

آزمایش کنید

مثال 2

وقتی که نشانه‌دهنده موس روی عنصر حرکت می‌کند، مختصات نشانه‌دهنده را نمایش می‌دهد:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

آزمایش کنید

مثال 3

مقایسه تفاوت‌های clientX و clientY و screenX و screenY:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

آزمایش کنید

رابط‌نویسی

رویداد.pageY

جزئیات فنی

مقدار بازگشتی: ارقام عددی، که ارتفاع نشانه‌دهنده به عنوان مختصات عمودی موس، به صورت پیکسل است.
نسخه DOM: بدون.

پشتیبانی مرورگر

ویژگی‌ها Chrome IE Firefox Safari Opera
pageY پشتیبانی 12.0 پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML DOM:ویژگی pageX MouseEvent

دستورالعمل HTML DOM:ویژگی clientX MouseEvent

دستورالعمل HTML DOM:ویژگی clientY MouseEvent

دستورالعمل HTML DOM:ویژگی screenX MouseEvent

دستورالعمل HTML DOM:ویژگی screenY MouseEvent

رویدادهای DOM MouseEvent