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

رویدادهای DOM MouseEvent

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

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

مستند، یعنی وب‌سایت.

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

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

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

مثال

مثال 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

نمایش اختلاف بین pageX و pageY و screenX و screenY:

var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;

پرازدهی به عمل

جملات

رویداد.pageX

جزئیات فنی

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

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

نمایشگاه Chrome IE Firefox Safari Opera
pageX پشتیبانی 12.0 پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

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

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

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

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

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

رویدادهای DOM MouseEvent