رویداد screenY

مثال (رویداد 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;

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

X coords: 142, Y coords: 99

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

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

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

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

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

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

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

متد
screenY	بله	بله	بله	بله	بله

نحوه استفاده

event.screenY

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

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

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

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

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

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

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

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

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

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

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

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