خصائص MouseEvent clientY

أحداث DOM MouseEvent

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

عند إطلاق أحداث الفأرة، تعود الخاصية clientY إحداثيات المؤشر العشوائي الأفقية (حسب منطقة العملاء).

منطقة العملاء هي نافذة الحالي.

نصيحة:للحصول على إحداثيات المؤشر العشوائي الأفقية (حسب منطقة العملاء)، استخدم خصائص clientX.

التعليقات:خصائص هذا العنصر قابلة للقراءة فقط.

مثال

مثال 1

عند ضغط زر الفأرة على العنصر، يتم إدخال إحداثيات مؤشر الفأرة:

var x = event.clientX;     // الحصول على الإحداثيات العمودية
var y = event.clientY;     // الحصول على الإحداثيات الأفقية
var coor = "X coords: " + x + ", Y coords: " + y;

النتيجة:

X coords: 142, Y coords: 99

جرب بنفسك

مثال 2

عند تحرك مؤشر الفأرة على العنصر، يتم إدخال إحداثيات مؤشر الفأرة:

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

جرب بنفسك

مثال 3

توضيح الفرق بين 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;

جرب بنفسك

النحو

الحدث.clientY

تفاصيل تقنية

القيمة المعدة: قيمة عددية، تعبر عن إحداثيات المؤشر العشوائي الأفقية، بوصة.
إصدار DOM: DOM Level 2 Events

دعم المتصفح

خصائص Chrome IE Firefox Safari Opera
clientY الدعم الدعم الدعم الدعم الدعم

الصفحات ذات الصلة

دليل مرجعي HTML DOM DOM:خصائص offsetX MouseEvent

دليل مرجعي HTML DOM DOM:خصائص screenX MouseEvent

دليل مرجعي HTML DOM DOM:خصائص screenY MouseEvent

دليل مرجعي HTML DOM DOM:خصائص offsetX MouseEvent

دليل مرجعي HTML DOM DOM:خصائص offsetY MouseEvent

أحداث DOM MouseEvent