MouseEvent pageX Property

Örnek

Çıkış farenin bir eleman tıklandığında fare işaretçisi koordinatları:

var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

COOR sonucu olabilir:

X coords: 162, Y coords: 40

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

pageX özelliği, bir fare olay tetiklenir zaman yatay fare işaretçisi (belgeye göre) koordinat döndürür.

belge web sayfası.

Öneri: fare işaretçisi (belgeye göre), dikey koordinatı elde kullanmak için PageY özelliği.

Not: Bu özellik salt okunur.

Not: Bu özellik standart dışı olduğunu, ancak çoğu büyük tarayıcılarda çalışır.

Tarayıcı Desteği

özellik
pageX	Evet	12.0	Evet	Evet	Evet

Sözdizimi

event .pageX

Teknik detaylar

Geri dönüş değeri:	Yatay temsil eden bir sayı, piksel olarak, fare işaretçisi koordinat
DOM Versiyon:	Yok

Diğer Örnekler

Örnek

Çıkış, bir elemanın üzerine fare ibre, fare işaretçisi koordinatları:

var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Kendin dene "

Örnek

clientX ve clientY ve screenX ve screenY arasındaki farkların bir gösteri:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Kendin dene "