MouseEvent pageY Properti
Contoh
Keluarkan koordinat penunjuk tetikus ketika tombol tetikus diklik pada suatu 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;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti pageY mengembalikan koordinat vertikal (menurut dokumen) dari penunjuk tetikus ketika peristiwa tetikus dipicu.
Dokumen adalah halaman web.
Tip: Untuk mendapatkan koordinat horizontal (menurut dokumen) dari pointer mouse, gunakan properti pageX .
Catatan: Properti ini hanya-baca.
Catatan: Properti ini tidak standar, tetapi berfungsi di sebagian besar browser utama.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Sintaksis
event.pageY
Detail Teknis
Nilai Kembali: | Angka, mewakili koordinat vertikal penunjuk tetikus, dalam piksel |
---|---|
Versi DOM: | Tidak ada |
Lebih Banyak Contoh
Contoh
Keluarkan koordinat penunjuk tetikus saat penunjuk tetikus bergerak di atas suatu elemen:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Contoh
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;
Halaman Terkait
Referensi HTML DOM: MouseEvent pageX Property
Referensi DOM HTML: MouseEvent clientX Property
Referensi HTML DOM: MouseEvent clientY Property
Referensi HTML DOM: MouseEvent screenX Property
Referensi DOM HTML: MouseEvent screenY Property