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

Coba Sendiri

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;

Coba Sendiri

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;

Coba Sendiri

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