خصائص MouseEvent screenX

أحداث DOM MouseEvent

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

يعود خاصية screenX إلى التكوين الأفقي للفأرة عند تحفيز الحدث (بالنسبة للشاشة الافتراضية للمستخدم).

نصيحة:للحصول على التكوين الرأسي للفأرة (بالنسبة للشاشة الافتراضية للمستخدم)، استخدم screenY الخصائص

التعليقات:الخصائص فقطقراءة

مثال

مثال 1

الحصول على التكوين للفأرة بالنسبة للشاشة عند النقر على زر الفأرة في العنصر:

var x = event.screenX;     // الحصول على التكوين الأفقي
var y = event.screenY;     // الحصول على التكوين الرأسي
var coor = "X coords: " + x + ", Y coords: " + y;

تجربة بنفسك

مثال 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;

تجربة بنفسك

اللغة

حدث.screenX

تفاصيل تقنية

القيمة المطلوبة: قيمة رقمية، تمثل مركز الصفحة الافتراضية للفأرة، مقاسة بالبكسل.
إصدار DOM: DOM Level 2 Events

دعم المتصفح

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

صفحات مرتبطة

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

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

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

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

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

أحداث DOM MouseEvent