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