MouseEvent clientY Property

Contoh

Output koordinat pointer mouse ketika tombol mouse diklik pada sebuah 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;

Hasil coor bisa:

X coords: 142, Y coords: 99

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti clientY mengembalikan koordinasi vertikal (according to the client area) dari pointer mouse ketika mouse event dipicu.

Wilayah klien adalah jendela saat ini.

Tip: Untuk mendapatkan horisontal koordinat (menurut wilayah klien) dari pointer mouse, gunakan clientX properti.

Catatan: Properti ini read-only.

Dukungan Browser

Milik
clientY	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

event .clientY

Rincian teknis

Kembali Nilai:	Sebuah Nomor, mewakili vertikal koordinat pointer mouse, dalam piksel
DOM Versi:	Tingkat DOM 2 Acara

Contoh lebih

Contoh

Output koordinat pointer mouse sambil bergerak pointer mouse di atas unsur:

var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;

Cobalah sendiri "

Contoh

Sebuah 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;

Cobalah sendiri "