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