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