MuisEvent kliënt Eiendom
Voorbeeld
Voer die koördinate van die muiswyser uit wanneer die muisknoppie op 'n element geklik word:
var x = event.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Die resultaat van coor kan wees:
X coords: 142, Y coords: 99
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die clientY-eienskap gee die vertikale koördinaat (volgens die kliëntarea) van die muiswyser terug wanneer 'n muisgebeurtenis geaktiveer is.
Die kliëntarea is die huidige venster.
Wenk: Om die horisontale koördinaat (volgens die kliëntarea) van die muiswyser te kry, gebruik die clientX- eienskap.
Let wel: Hierdie eiendom is leesalleen.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Sintaksis
event.clientY
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die vertikale koördinaat van die muiswyser voorstel, in pixels |
---|---|
DOM weergawe: | DOM Vlak 2 Gebeurtenisse |
Meer voorbeelde
Voorbeeld
Voer die koördinate van die muiswyser uit terwyl die muiswyser oor 'n element beweeg:
var x = event.clientX;
var y = event.clientY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Voorbeeld
'n Demonstrasie van die verskille tussen clientX en clientY en screenX en screenY:
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;
Verwante bladsye
HTML DOM verwysing: MouseEvent clientX Property
HTML DOM verwysing: MouseEvent screenX Property
HTML DOM verwysing: MouseEvent screenY Eiendom
HTML DOM verwysing: MouseEvent offsetX Property
HTML DOM-verwysing: MouseEvent offsetY Property