MouseEvent pageY ominaisuus

DOM-tapahtumat MouseEvent

Määrittely ja käyttö

Kun hiiren tapahtuma käynnistetään, pageY-ominaisuus palauttaa hiiren osoittimen pystysuuntaisen koordinaatin (suhteessa dokumenttiin).

Dokumentti tarkoittaa verkkosivua.

Vinkki:Jos haluat saada hiiren osoittimen horisontaalisen koordinaatin (suhteessa dokumenttiin), käytä pageX-ominaisuus.

Huomautus:Tämä ominaisuus on vain lukuinen.

Huomautus:Tämä ominaisuus ei ole standardeja, mutta se on käytössä useimmissa tärkeimmissä selaimissa.

Esimerkki

Esimerkki 1

Tulosta hiiren osoittimen koordinaatit, kun klikataan elementin päällä:

var x = event.pageX;     // Hae horisontaalinen koordinaatti
var y = event.pageY;     // Hae pystysuuntainen koordinaatti
var coor = "X koordinaatit: " + x + ", Y koordinaatit: " + y;

Kokeile itse

Esimerkki 2

Tulosta hiiren osoittimen koordinaatit, kun osoitin liikkuu elementin päällä:

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

Kokeile itse

Esimerkki 3

Näytä ero clientX ja clientY sekä screenX ja screenY välillä:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y koordinaatit: " + pY;
var coords2 = "client - X: " + cX + ", Y koordinaatit: " + cY;

Kokeile itse

Syntaksi

event.pageY

Tekninen yksityiskohta

Palautusarvo: Numeroinen arvo, joka ilmaisee hiiren osoittimen pystysuuntaisen koordinaatin, pikseleissä.
DOM-versio: Ei mitään.

Selaimeen tuettu

Ominaisuudet Chrome IE Firefox Safari Opera
pageY Tuki 12.0 Tuki Tuki Tuki

Liittyvät sivut

HTML DOM viittausoppikirja:MouseEvent pageX ominaisuus

HTML DOM viittausoppikirja:MouseEvent clientX ominaisuus

HTML DOM viittausoppikirja:MouseEvent clientY ominaisuus

HTML DOM viittausoppikirja:MouseEvent screenX ominaisuus

HTML DOM viittausoppikirja:MouseEvent screenY ominaisuus

DOM-tapahtumat MouseEvent