خاصية MouseEvent pageY
مثال
قم بإخراج إحداثيات مؤشر الماوس عند النقر فوق عنصر ما:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم الخاصية pageY بإرجاع الإحداثي الرأسي (وفقًا للمستند) لمؤشر الماوس عند تشغيل حدث الماوس.
الوثيقة هي صفحة الويب.
نصيحة: للحصول على الإحداثيات الأفقية (وفقًا للمستند) لمؤشر الماوس ، استخدم خاصية pageX .
ملاحظة: هذه الخاصية للقراءة فقط.
ملاحظة: هذه الخاصية غير قياسية ، لكنها تعمل في معظم المتصفحات الرئيسية.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
بناء الجملة
event.pageY
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل التنسيق الرأسي لمؤشر الماوس بالبكسل |
---|---|
إصدار DOM: | لا أحد |
مزيد من الأمثلة
مثال
أخرج إحداثيات مؤشر الماوس أثناء تحرك مؤشر الماوس فوق عنصر:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
مثال
عرض توضيحي للاختلافات بين 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;
الصفحات ذات الصلة
مرجع DOM HTML: خاصية MouseEvent pageX
مرجع DOM HTML: خاصية MouseEvent clientX
مرجع DOM HTML: خاصية العميل MouseEvent
مرجع DOM HTML: خاصية MouseEvent screenX
مرجع DOM HTML: خاصية MouseEvent screenY