رویداد 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;
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;
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
- نوشته شده توسط احسان عباسی
- بازدید: 5065
