MouseEvent pageX Property

مثال

الناتج إحداثيات مؤشر الماوس عند النقر فوق زر الماوس على عنصر:

var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

نتيجة coor يمكن أن يكون:

X coords: 162, Y coords: 40

انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

الخاصية الصفحة س ترجع تنسيق أفقي (وفقا للوثيقة) مؤشر الماوس عندما أثار الحدث الماوس.

والوثيقة هي صفحة على شبكة الإنترنت.

نصيحة: للحصول على رأسي تنسيق (وفقا للوثيقة) مؤشر الماوس، استخدم الصفحة (ص) الممتلكات.

ملاحظة: للقراءة فقط هذه الخاصية.

ملاحظة: هذه الخاصية غير القياسية، لكنه يعمل في معظم المتصفحات الرئيسية.

دعم المتصفح

خاصية
pageX	نعم فعلا	12.0	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

event .pageX

تفاصيل تقنية

قيمة الإرجاع:	الرقم الذي يمثل الأفقي تنسيق مؤشر الماوس، بالبكسل
صفحة 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;

انها محاولة لنفسك »