ویژگی screenX رویداد MouseEvent

رویدادهای 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: رویدادهای سطح 2 DOM

پشتیبانی مرورگر

نوع Chrome IE Firefox Safari Opera
screenX پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

دستورالعمل HTML DOM:ویژگی screenY MouseEvent

دستورالعمل HTML DOM:ویژگی clientX MouseEvent

دستورالعمل HTML DOM:ویژگی clientY MouseEvent

دستورالعمل HTML DOM:ویژگی offsetX MouseEvent

دستورالعمل HTML DOM:ویژگی offsetY MouseEvent

رویدادهای DOM MouseEvent