MouseEvent screenX Özellik
Örnek
Fare düğmesi bir öğeye tıklandığında ekrana göre fare işaretçisinin 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;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
screenX özelliği, bir olay tetiklendiğinde fare işaretçisinin yatay koordinatını (kullanıcının bilgisayar ekranına göre) döndürür.
İpucu: Fare işaretçisinin dikey koordinatını (ekrana göre) almak için screenY özelliğini kullanın.
Not: Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
event.screenX
Teknik detaylar
Geri dönüş değeri: | Fare işaretçisinin yatay koordinatını piksel cinsinden temsil eden bir Sayı |
---|---|
DOM Sürümü: | DOM Seviye 2 Etkinlikleri |
Daha fazla örnek
Örnek
clientX ve clientY ile screenX ve screenY arasındaki farkların bir gösterimi:
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;
İlgili Sayfalar
HTML DOM referansı: MouseEvent screenY Özelliği
HTML DOM referansı: MouseEvent clientX Özelliği
HTML DOM referansı: MouseEvent clientY Özelliği
HTML DOM referansı: MouseEvent offsetX Özellik
HTML DOM referansı: MouseEvent offsetY Özellik