Contoh
Dapatkan koordinat pointer mouse, relatif terhadap layar, ketika tombol mouse diklik pada sebuah elemen:
var x = event.screenX; // Get the horizontal coordinate
var
y = event.screenY; // 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 screenX mengembalikan koordinat horizontal (according to the users computer screen) dari pointer mouse ketika sebuah peristiwa dipicu.
Tip: Untuk mendapatkan koordinat vertikal (sesuai dengan layar) dari pointer mouse, gunakan screenY properti.
Catatan: Properti ini read-only.
Dukungan Browser
| Milik | |||||
|---|---|---|---|---|---|
| screenX | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
event .screenX
Rincian teknis
| Kembali Nilai: | Sebuah Nomor, mewakili koordinat horizontal dari pointer mouse, dalam piksel |
|---|---|
| DOM Versi: | Tingkat DOM 2 Acara |
Contoh lebih
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 " Pages terkait
Referensi HTML DOM: MouseEvent screenY Property
Referensi HTML DOM: MouseEvent clientX Property
Referensi HTML DOM: MouseEvent clientY Property
<Object Acara