Sifat pageY MouseEvent

Event DOM MouseEvent

Definisi dan penggunaan

Apabila peristiwa mouse diaktifkan, sifat pageY mengembalikan kordinat tinggi penuding kursor (relatif kepada dokumen).

Dokumen adalah halaman web.

Petikan:Untuk mendapatkan kordinat lebar penuding kursor (relatif kepada dokumen), gunakan Sifat pageX.

Komen:Sifat ini hanya baca.

Komen:Sifat ini bukan standar, tetapi sesuai untuk kebanyakan pelayar utama.

Contoh

Contoh 1

Tuliskan kordinat penuding kursor apabila tombol mouse disentuh di atas elemen:

var x = event.pageX;     // Dapatkan kordinat lebar
var y = event.pageY;     // Dapatkan kordinat tinggi
var coor = "X kordinat: " + x + ", Y kordinat: " + y;

Cuba sendiri

Contoh 2

Tuliskan kordinat penuding kursor apabila kursor bergerak di atas elemen:

var x = event.pageX;
var y = event.pageY; 
var coor = "X kordinat: " + x + ", Y kordinat: " + y;
document.getElementById("demo").innerHTML = coor;

Cuba sendiri

Contoh 3

Paparkan perbezaan antara clientX dan clientY serta 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 kordinat: " + pY;
var coords2 = "client - X: " + cX + ", Y kordinat: " + cY;

Cuba sendiri

Sintaks

event.pageY

Perincian teknikal

Hasil balik: Nilai nombor, menunjukkan kordinat tinggi penuding kursor, dalam piksel.
Versi DOM: Tiada.

Pendukung pelayar

Sifat Chrome IE Firefox Safari Opera
pageY Support 12.0 Support Support Support

Related Pages

HTML DOM Reference Manual:Properti pageX MouseEvent

HTML DOM Reference Manual:Properti clientX MouseEvent

HTML DOM Reference Manual:Properti clientY MouseEvent

HTML DOM Reference Manual:Properti screenX MouseEvent

HTML DOM Reference Manual:Properti screenY MouseEvent

Event DOM MouseEvent