MouseEvent clientY Özellik
Örnek
Fare düğmesi bir öğeye tıklandığında, fare işaretçisinin koordinatlarını çıktılayın:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
coor'un sonucu şöyle olabilir:
X coords: 142, Y coords: 99
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
clientY özelliği, bir fare olayı tetiklendiğinde fare işaretçisinin dikey koordinatını (istemci alanına göre) döndürür.
İstemci alanı geçerli penceredir.
İpucu: Fare işaretçisinin yatay koordinatını (istemci alanına göre) almak için clientX özelliğini kullanın.
Not: Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
event.clientY
Teknik detaylar
Geri dönüş değeri: | Fare işaretçisinin dikey koordinatını piksel cinsinden temsil eden bir Sayı |
---|---|
DOM Sürümü: | DOM Seviye 2 Etkinlikleri |
Daha fazla örnek
Örnek
Fare işaretçisi bir öğe üzerinde hareket ederken fare işaretçisinin koordinatlarını çıktılayın:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Ö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 clientX Özelliği
HTML DOM referansı: MouseEvent screenX Özelliği
HTML DOM referansı: MouseEvent screenY Özelliği
HTML DOM referansı: MouseEvent offsetX Özellik
HTML DOM referansı: MouseEvent offsetY Özellik