MouseEvent clientX Properti
Contoh
Keluarkan koordinat penunjuk tetikus ketika tombol tetikus diklik pada suatu elemen:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti clientX mengembalikan koordinat horizontal (sesuai dengan area klien) dari penunjuk tetikus saat peristiwa tetikus dipicu.
Area klien adalah jendela saat ini.
Tip: Untuk mendapatkan koordinat vertikal (sesuai dengan area klien) dari pointer mouse, gunakan properti clientY .
Catatan: Properti ini hanya-baca.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
clientX | Yes | Yes | Yes | Yes | Yes |
Sintaksis
event.clientX
Detail Teknis
Nilai Kembali: | Angka, mewakili koordinat horizontal penunjuk tetikus, dalam piksel |
---|---|
Versi DOM: | Acara DOM Tingkat 2 |
Lebih Banyak Contoh
Contoh
Keluarkan koordinat penunjuk tetikus saat penunjuk tetikus bergerak di atas suatu elemen:
var x = event.clientX;
var y = event.clientY;
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 cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
Halaman Terkait
Referensi HTML DOM: MouseEvent clientY Property
Referensi HTML DOM: MouseEvent screenX Property
Referensi DOM HTML: MouseEvent screenY Property
Referensi DOM HTML: MouseEvent offsetX Property
Referensi DOM HTML: MouseEvent offsetY Property