ویژگی pageX رویداد 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: | بدون |
پشتیبانی مرورگر
نوعیت | کروم | آئی ای | فایرفاکس | سافاری | آپرا |
---|---|---|---|---|---|
pageX | پشتیبانی | 12.0 | پشتیبانی | پشتیبانی | پشتیبانی |
مرتبط صفحات
HTML DOM مراجع کتاب:MouseEvent pageY Property
HTML DOM مراجع کتاب:MouseEvent clientX Property
HTML DOM مراجع کتاب:MouseEvent clientY Property
HTML DOM مراجع کتاب:MouseEvent screenX Property
HTML DOM مراجع کتاب:MouseEvent screenY Property