MouseEvent clientY ominaisuus

DOM-tapahtumat MouseEvent

Määrittely ja käyttö

Kun hiiren tapahtuma laukeaa, clientY ominaisuus palauttaa hiiren osoittimen pystysuuntaisen koordinaatin (asiakaskäyttöalueen mukaan).

Asiakaskäyttöalue on nykyinen ikkuna.

Vinkki:Jos haluat saada hiiren osoittimen horisontaalisen koordinaatin (asiakaskäyttöalueen mukaan), käytä clientX ominaisuus.

Huomautus:Tämä ominaisuus on lukuinen.

Esimerkki

Esimerkki 1

Tulosta hiiren osoittimen koordinaatit, kun elementtiin napsautetaan:

var x = event.clientX;     // Hae horisontaalinen koordinaatti
var y = event.clientY;     // Hae pystysuuntainen koordinaatti
var coor = "X coords: " + x + ", Y coords: " + y;

Tuloksena:

X coords: 142, Y coords: 99

Kokeile itse

Esimerkki 2

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

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

Kokeile itse

Esimerkki 3

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

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;

Kokeile itse

Syntaksi

event.clientY

Tekninen yksityiskohta

Palautusarvo: Numeroinen arvo, joka ilmaisee hiiren osoittimen pystysuuntaisen koordinaatin, kuvioissa.
DOM versio: DOM Level 2 Events

Selaimen tuki

Ominaisuudet Chrome IE Firefox Safari Opera
clientY Tuki Tuki Tuki Tuki Tuki

Liittyvät sivut

HTML DOM -viittausoppikirja:MouseEvent:n clientX-ominaisuus

HTML DOM -viittausoppikirja:MouseEvent:n screenX-ominaisuus

HTML DOM -viittausoppikirja:MouseEvent:n screenY-ominaisuus

HTML DOM -viittausoppikirja:MouseEvent:n offsetX-ominaisuus

HTML DOM -viittausoppikirja:MouseEvent:n offsetY-ominaisuus

DOM-tapahtumat MouseEvent