رویداد screenX

مثال (رویداد screenX)

برگرداندن مختصات موس نسبت به صفحه نمایش، هنگامی که بر روی یک عنصر کلیک می شود:

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

خروجی coor در کد بالا:

X coords: 142, Y coords: 99

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت screenX، مختصات افقی(x) موس را هنگامی که یک رویداد اتفاق می افتد، برمی گرداند.

نکته: برای گرفتن مختصات عمودی موس(y) از خصوصیت screenY استفاده کنید.

نکته: این خصوصیت "فقط خواندنی" است.

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

متد
screenX	بله	بله	بله	بله	بله

نحوه استفاده

event.screenX

جزئیات تکنیکی

مقدار برگشتی	یک عدد که مختصات افقی(x) موس را مشخص می کند
DOM Version:	DOM Level 2 Events

مثال - خودتان امتحان کنید

مثال (رویداد screenX)

یک نسخه نمایشی، برای نشان دادن تفاوت بین خصوصیت های 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 در اچ تی ام ال MouseEvent screenY Property

مرجع مدل DOM در اچ تی ام ال MouseEvent clientX Property

مرجع مدل DOM در اچ تی ام ال MouseEvent clientY Property

مرجع کلیه رویدادهای JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5105

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی