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 LamanY mengembalikan koordinasi vertikal (menurut dokumen) dari pointer mouse ketika mouse event dipicu.
Dokumen adalah halaman web.
Tip: Untuk mendapatkan horisontal koordinat (menurut dokumen) dari pointer mouse, gunakan LamanX properti.
Catatan: Properti ini read-only.
Catatan: Properti ini adalah non-standar, tetapi bekerja di sebagian besar browser utama.
Dukungan Browser
Milik | |||||
---|---|---|---|---|---|
pageY | iya nih | 12.0 | iya nih | iya nih | iya nih |
Sintaksis
event .pageY
Rincian teknis
Kembali Nilai: | Sebuah Nomor, mewakili vertikal koordinat 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 " Pages terkait
Referensi HTML DOM: MouseEvent pageX Property
Referensi HTML DOM: MouseEvent clientX Property
Referensi HTML DOM: MouseEvent clientY Property
Referensi HTML DOM: MouseEvent screenX Property
Referensi HTML DOM: MouseEvent screenY Property
<Object Acara