tutorial pengembangan web terbaru
 

MouseEvent pageY Property

<Object Acara

Contoh

Output koordinat pointer mouse ketika tombol mouse diklik pada sebuah elemen:

var x = event.pageX;     // Get the horizontal coordinate
var y = event.pageY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

Hasil coor bisa:

X coords: 162, Y coords: 40
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti LamanY mengembalikan koordinasi vertikal (menurut dokumen) dari pointer mouse ketika mouse event dipicu.

Dokumen adalah halaman web.

Tip: Untuk mendapatkan horisontal koordinat (menurut dokumen) dari pointer mouse, gunakan LamanX properti.

Catatan: Properti ini read-only.

Catatan: Properti ini adalah non-standar, tetapi bekerja di sebagian besar browser utama.


Dukungan Browser

Milik
pageY iya nih 12.0 iya nih iya nih iya nih

Sintaksis

event .pageY

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili vertikal koordinat pointer mouse, dalam piksel
DOM Versi: tak satupun

contoh

Contoh lebih

Contoh

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

var x = event.pageX;
var y = event.pageY; 
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 pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;
Cobalah sendiri "

Pages terkait

Referensi HTML DOM: MouseEvent pageX Property

Referensi HTML DOM: MouseEvent clientX Property

Referensi HTML DOM: MouseEvent clientY Property

Referensi HTML DOM: MouseEvent screenX Property

Referensi HTML DOM: MouseEvent screenY Property


<Object Acara