Properti clientY MouseEvent
Definisi dan Penggunaan
Ketika peristiwa mouse diaktifkan, properti clientY mengembalikan kordinat vertikal penunjuk mouse (sesuai dengan area klien).
Area klien adalah jendela saat ini.
Peringatan:Untuk mendapatkan kordinat horizontal penunjuk mouse (sesuai dengan area klien), gunakan Properti.clientX.
Keterangan:Properti ini hanya untuk membaca.
Contoh
Contoh 1
Output kordinat penunjuk mouse saat tombol mouse di klik di atas elemen:
var x = event.clientX; // Mendapatkan kordinat horizontal var y = event.clientY; // Mendapatkan kordinat vertikal var coor = "X coords: " + x + ", Y coords: " + y;
Hasilnya:
X coords: 142, Y coords: 99
Contoh 2
Output kordinat penunjuk mouse saat penunjuk mouse bergerak di atas elemen:
var x = event.clientX; var y = event.clientY; var coor = "X coords: " + x + ", Y coords: " + y; document.getElementById("demo").innerHTML = coor;
Contoh 3
Demostrasi perbedaan antara clientX dan clientY serta 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;
Syntaks
event.clientY
Detil Teknologi
Nilai kembalian: | Nilai angka, yang merepresentasikan kordinat vertikal penunjuk mouse, dalam piksel. |
---|---|
Versi DOM: | DOM Level 2 Events |
Dukungan Peramban
Properti | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
clientY | Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
Halaman yang berhubungan
Panduan Referensi DOM HTML:Properti clientX MouseEvent
Panduan Referensi DOM HTML:Properti screenX MouseEvent
Panduan Referensi DOM HTML:Properti screenY MouseEvent
Panduan Referensi DOM HTML:Properti offsetX MouseEvent
Panduan Referensi DOM HTML:Properti offsetY MouseEvent