ویژگی 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 سافری آپرا
pageY پشتیبانی 12.0 پشتیبانی پشتیبانی پشتیبانی

مربوط صفحات

HTML DOM مراجع دستاویز:MouseEvent pageX کا حصہ

HTML DOM مراجع دستاویز:MouseEvent clientX کا حصہ

HTML DOM مراجع دستاویز:MouseEvent clientY کا حصہ

HTML DOM مراجع دستاویز:MouseEvent screenX کا حصہ

HTML DOM مراجع دستاویز:MouseEvent screenY کا حصہ

DOM واقعات MouseEvent