Properti MouseEvent screenX

Event DOM MouseEvent

Definisi dan Penggunaan

Properti screenX mengembalikan koordinat horisontal penanda penunjuk mouse saat peristiwa di triggar (relatif layar komputer pengguna).

Peringatan:Untuk mendapatkan koordinat vertikal penanda penunjuk mouse (relatif layar komputer pengguna), gunakan screenY Properti

Keterangan:Properti ini hanya dapat di baca.

Contoh

Contoh 1

Dapatkan koordinat penanda penunjuk mouse yang bersangkutan dengan layar saat tombol mouse di klik di elemen:

var x = event.screenX;     // Dapatkan koordinat horisontal
var y = event.screenY;     // Dapatkan koordinat vertikal
var coor = "X coords: " + x + ", Y coords: " + y;

Coba sendiri

Contoh 2

Demosikan 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

Sintaks

event.screenX

Detil teknis

Nilai kembalian: Nilai angka, menunjukkan koordinat horisontal penanda penunjuk mouse, dalam piksel.
Versi DOM: DOM Level 2 Events

Dukungan Browser

Properti Chrome IE Firefox Safari Opera
screenX Dukungan Dukungan Dukungan Dukungan Dukungan

Halaman yang Berhubungan

Panduan Referensi DOM HTML:Properti screenY MouseEvent

Panduan Referensi DOM HTML:Properti clientX MouseEvent

Panduan Referensi DOM HTML:Properti clientY MouseEvent

Panduan Referensi DOM HTML:Properti offsetX MouseEvent

Panduan Referensi DOM HTML:Properti offsetY MouseEvent

Event DOM MouseEvent