MouseEvent pageX Property

Contoh

Output koordinat pointer mouse ketika tombol mouse diklik pada sebuah elemen:

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

Hasil coor bisa:

X coords: 162, Y coords: 40

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti LamanX mengembalikan koordinat horizontal (sesuai dengan dokumen) dari pointer mouse ketika mouse event dipicu.

Dokumen adalah halaman web.

Tip: Untuk mendapatkan koordinat vertikal (menurut dokumen) dari pointer mouse, gunakan LamanY properti.

Catatan: Properti ini read-only.

Catatan: Properti ini adalah non-standar, tetapi bekerja di sebagian besar browser utama.

Dukungan Browser

Milik
pageX	iya nih	12.0	iya nih	iya nih	iya nih

Sintaksis

event .pageX

Rincian teknis

Kembali Nilai:	Sebuah Nomor, mewakili koordinat horizontal dari pointer mouse, dalam piksel
DOM Versi:	tak satupun

Contoh lebih

Contoh

Output koordinat pointer mouse sambil bergerak pointer mouse di atas unsur:

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

Cobalah sendiri "

Contoh

Sebuah demonstrasi perbedaan antara clientX dan clientY dan screenX dan screenY:

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;

Cobalah sendiri "