Sifa event.clientX
Sifa event.clientX ina
kuratibu za kisonzi cha kipanya kwenye mhimili X.
Kwa ajili ya kubainisha kuratibu kuna pia sifa
event.clientY,
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 kisonzi kipo katikati, basi clientX
na clientY zote zitakuwa sawa na 500. Ikiwa
utakaporusa ukurasa kwa usawa
au wima, bila kusogeza kisonzi, 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 kisonzi kipo katikati, basi
pageX na pageY zitakuwa sawa na 500. Ikiwa
utakaporusa ukurasa chini kwa 250
pikseli, basi pageY itakuwa sawa na 750.
Kwa hivyo pageX na pageY zina kuratibu
za tukio kwa kuzingatia usokoto.
Sintaksia
event.clientX;
Mfano
Wakati wa kusonga kipanya juu ya 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;
});
:
