Örnek
Fare düğmesine bir öğenin üzerine tıklandığında ekrana, göreli fare işaretçisi, koordinatlarını alın:
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 sonucu olabilir:
X coords: 142, Y coords: 99
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
ScreenX özelliği, yatay koordinat döner (according to the users computer screen) bir olay tetiklenir zaman fare işaretçisi.
Öneri: fare işaretçisi (ekranına göre) dikey koordinatı elde etmek için, kullanımı screenY özelliği.
Not: Bu özellik salt okunur.
Tarayıcı Desteği
özellik | |||||
---|---|---|---|---|---|
screenX | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
event .screenX
Teknik detaylar
Geri dönüş değeri: | Yatay temsil eden bir sayı, piksel olarak, fare işaretçisi koordinat |
---|---|
DOM Versiyon: | DOM Düzey 2 Olaylar |
Diğer Örnekler
Örnek
clientX ve clientY ve screenX ve screenY arasındaki farkların bir gösteri:
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;
Kendin dene " İlgili Sayfalar
HTML DOM referansı: MouseEvent screenY Property
HTML DOM referansı: MouseEvent clientX Property
HTML DOM referansı: MouseEvent clientY Property
<Olay Nesne