event.clientY հատկությունը
event.clientY հատկությունը պարունակում է
մկնիկի կուրսորի կոորդինատները Y առանցքի վրա:
Կոորդինատները որոշելու համար կան նաև
event.clientX,
event.pageX,
event.pageY
հատկությունները:
Եկեք տեսնենք clientX/clientY-ի և
pageX/pageY-ի
միջև տարբերությունը:
Ինչպես են աշխատում clientX-ն և clientY-ն.
եթե դուք ունեք 1000 x 1000
պիքսել պատուհան, և մկնիկը գտնվում է կենտրոնում, ապա clientX-ն
և clientY-ն երկուսն էլ կլինեն 500: Եթե
դուք ապա սկրզոլեք էջը հորիզոնական
կամ ուղղահայաց, առանց կուրսորը տեղափոխելու, ապա
clientX-ի և clientY-ի արժեքները չեն փոխվի, քանի որ դրանք հաշվվում են
պատուհանի նկատմամբ, և ոչ թե փաստաթղթի:
Ինչպես են աշխատում pageX-ն և pageY-ն.
եթե դուք ունեք 1000 x 1000
պիքսել պատուհան, և կուրսորը գտնվում է կենտրոնում, ապա
pageX-ն և pageY-ն կլինեն 500: Եթե
դուք ապա սկրզոլեք էջը 250
պիքսել ներքև, ապա pageY-ն կդառնա 750:
Այսպիսով pageX-ն և pageY-ն պարունակում են իրադարձության
կոորդինատները՝ հաշվի առնելով սկրզոլը:
Շարահյուսություն
event.clientY;
Օրինակ
Էջի վրա մկնիկի շարժման ընթացքում մենք կցուցադրենք
նրա կոորդինատները բրաուզերի պատուհանի նկատմամբ
(clientX և clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
