خصوصية MouseEvent pageY

أحداث 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;

جرب بنفسك

النحو

event.pageY

تفاصيل تقنية

القيمة المعدة: قيمة عددية، تعبر عن مكان المؤشر العلوى للفأرة بالبكسل.
إصدار DOM: لا يوجد.

دعم المتصفح

خصائص كروم آي إي فايرفوكس 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