Sifa event.clientY
Sifa event.clientY ina
ndani kuratibu za kishaurio cha kipanya kwenye mhimili Y.
Kwa ajili ya kubainisha kuratibu pia kuna sifa
event.clientX,
event.pageX,
event.pageY.
Wacha tuone tofauti kati ya clientX/clientY
na pageX/pageY.
Jinsi clientX na clientY zinavyofanya kazi:
kama una dirisha la 1000 kwa 1000
pikseli, na kishaurio kipo katikati, basi clientX
na clientY zote zitakuwa sawa na 500. Ikiwa
utakwenda upande mlalo au wima kwenye ukurasa,
bila kusonga kishaurio, basi thamani za
clientX na clientY hazitabadilika, kwani zinahesabiwa
kuhusiana na dirisha, na sio hati.
Jinsi pageX na pageY zinavyofanya kazi:
kama una dirisha la 1000 kwa 1000
pikseli, na kishaurio kipo katikati, basi
pageX na pageY zitakuwa sawa na 500. Ikiwa
utakwenda chini kwenye ukurasa kwa 250
pikseli, basi pageY itakuwa sawa na 750.
Hivyo basi pageX na pageY zina kuratibu za
tukio zikiwa na kuzingatia kusonga ukurasa.
Syntaxi
event.clientY;
Mfano
Wakati kipanya kinaposogea kwenye ukurasa tutatoa
kuratibu zake kuhusiana na dirisha ya kivinjari
(clientX na clientY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.clientX + ' : ' + event.clientY;
});
:
