Properti MouseEvent pageY

Event DOM MouseEvent

Definisi dan Penggunaan

Ketika peristiwa mouse dijalankan, properti pageY mengembalikan kordinat vertikal penanda mouse (relatif dokumen).

Dokumen adalah halaman web.

Petunjuk:Untuk mendapatkan kordinat horizontal penanda mouse (relatif dokumen), gunakan Properti pageX.

Keterangan:Properti ini hanya baca.

Keterangan:Properti ini bukan standar, tetapi cocok untuk sebagian besar peramban utama.

Contoh

Contoh 1

Tampilkan kordinat penanda mouse saat tombol mouse di klik di atas elemen:

var x = event.pageX;     // Mendapatkan kordinat horizontal
var y = event.pageY;     // Mendapatkan kordinat vertikal
var coor = "X coords: " + x + ", Y coords: " + y;

Coba sendiri

Contoh 2

Tampilkan kordinat penanda mouse saat penanda mouse bergerak di atas elemen:

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

Coba sendiri

Contoh 3

Tunjukkan perbedaan 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 coords: " + pY;
var coords2 = "client - X: " + cX + ", Y coords: " + cY;

Coba sendiri

Syarat

event.pageY

Detil Teknologi

Nilai kembalian: Nilai angka, yang menunjukkan kordinat vertikal penanda mouse, dalam piksel.
Versi DOM: Tidak ada.

Dukungan Peramban

Properti Chrome IE Firefox Safari Opera
pageY Dukungan 12.0 Dukungan Dukungan Dukungan

Halaman yang berhubungan

Panduan Referensi DOM HTML:Properti pageX MouseEvent

Panduan Referensi DOM HTML:Properti clientX MouseEvent

Panduan Referensi DOM HTML:Properti clientY MouseEvent

Panduan Referensi DOM HTML:Properti screenX MouseEvent

Panduan Referensi DOM HTML:Properti screenY MouseEvent

Event DOM MouseEvent