MouseEvent clientX Property

مثال

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

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

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

X coords: 142, Y coords: 99

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

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

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

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

منطقة العميل هو الإطار الحالي.

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

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

دعم المتصفح

خاصية
clientX	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

بناء الجملة

event .clientX

تفاصيل تقنية

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

مزيد من الأمثلة

مثال

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

var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

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

مثال

مظاهرة للخلافات بين clientX وclientY وscreenX وscreenY:

var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

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