MouseEvent pageX 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 pageX mengembalikan koordinat horizontal (menurut dokumen) dari penunjuk tetikus ketika peristiwa tetikus dipicu.
Dokumen adalah halaman web.
Tip: Untuk mendapatkan koordinat vertikal (menurut dokumen) dari pointer mouse, gunakan properti pageY .
Catatan: Properti ini hanya-baca.
Catatan: Properti ini tidak standar, tetapi berfungsi di sebagian besar browser utama.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Sintaksis
event.pageX
Detail Teknis
Nilai Kembali: | Angka, mewakili koordinat horizontal 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 pageX dan pageY dan screenX dan screenY:
var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;
Halaman Terkait
Referensi HTML DOM: MouseEvent pageY 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