MouseEvent clientX 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 clientX mengembalikan koordinat horizontal (according to the client area) dari pointer mouse ketika mouse event dipicu.

Wilayah klien adalah jendela saat ini.

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

Catatan: Properti ini read-only.

Dukungan Browser

Milik
clientX	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

event .clientX

Rincian teknis

Kembali Nilai:	Sebuah Nomor, mewakili koordinat horizontal dari 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 "