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

javascriptevent.clientY;

Mfano

Wakati kipanya kinaposogea kwenye ukurasa tutatoa kuratibu zake kuhusiana na dirisha ya kivinjari (clientX na clientY):

html<div id="elem">0 : 0</div>

javascriptlet elem = document.getElementById('elem');

document.addEventListener('mousemove', function(event) {
  elem.innerHTML = event.clientX + ' : ' + event.clientY;
});

Результат:

Angalia pia