Kurs Önerileri:

DOM olayları MouseEvent

MouseEvent pageX Özelliği

Tanım ve Kullanım

Fare olayı tetiklendiğinde, pageX özelliği 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çinpageY Özelliği

Bu özellik yalnızca okunabilir..

Bu özellik yalnızca okunabilir.Açıklama:

Bu özellik standart dışıdır, ancak çoğu önemli tarayıcıya uygundur.

Örnek

Örnek 1

Fare tıklama düğmesine tıkladığınızda fare işaretçisinin koordinatlarını çıktı verin:
var x = event.pageX;     // Dikdörtgen koordinatları alın
var y = event.pageY;

var coords2 = "screen - X: " + cX + ", Y koordinatları: " + cY;

var y = event.pageY; // Yatay koordinatları alın

Örnek 2

Fare işaretçisinin element üzerinde hareket ettiği koordinatları çıktı verin:
var x = event.pageX; 
var y = event.pageY;
var coor = "X koordinatları: " + x + ", Y koordinatları: " + y;

var coords2 = "screen - X: " + cX + ", Y koordinatları: " + cY;

document.getElementById("demo").innerHTML = coor;

Örnek 3

pageX ve pageY ile screenX ve screenY arasındaki farkın gösterimi:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y koordinatları: " + pY;

var coords2 = "screen - X: " + cX + ", Y koordinatları: " + cY;

Kişisel olarak deneyin

event.pageX

Teknik Ayrıntılar

Dönüş değeri: Dijital, fare işaretçisinin yatay koordinatını piksel cinsinden gösterir.
DOM Sürümü: Yok.

Tarayıcı Desteği

Özellik Chrome IE Firefox Safari Opera
pageX Destek 12.0 Destek Destek Destek

İlgili sayfalar

HTML DOM referans el kitabı:MouseEvent pageY Özelliği

HTML DOM referans el kitabı:MouseEvent clientX Özelliği

HTML DOM referans el kitabı:MouseEvent clientY Özelliği

HTML DOM referans el kitabı:MouseEvent screenX Özelliği

HTML DOM referans el kitabı:MouseEvent screenY Özelliği

DOM olayları MouseEvent