MouseEvent pageX Özellik
Örnek
Fare düğmesi bir öğeye tıklandığında, fare işaretçisinin koordinatlarını çıktılayın:
var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // 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
pageX özelliği, bir fare olayı tetiklendiğinde fare işaretçisinin yatay koordinatını (belgeye göre) döndürür.
Belge web sayfasıdır.
İpucu: Fare işaretçisinin dikey koordinatını (belgeye göre) almak için pageY özelliğini kullanın.
Not: Bu özellik salt okunurdur.
Not: Bu özellik standart değildir, ancak çoğu büyük tarayıcıda çalışır.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Sözdizimi
event.pageX
Teknik detaylar
Geri dönüş değeri: | Fare işaretçisinin yatay koordinatını piksel cinsinden temsil eden bir Sayı |
---|---|
DOM Sürümü: | Hiçbiri |
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.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Örnek
pageX ve pageY ile screenX ve screenY arasındaki farkların bir gösterimi:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
İlgili Sayfalar
HTML DOM referansı: MouseEvent pageY Özelliği
HTML DOM referansı: MouseEvent clientX Özelliği
HTML DOM referansı: MouseEvent clientY Özelliği
HTML DOM referansı: MouseEvent screenX Özelliği
HTML DOM referansı: MouseEvent screenY Özelliği