Sifa event.pageX
Sifa event.pageX ina
kuratibu za kishale cha kipanya kwenye mhimili X.
Kwa ajili ya kuamua kuratibu kuna pia sifa
event.clientX,
event.clientY,
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 kipanya kiko katikati, basi clientX
na clientY zitakuwa zote 500. Ikiwa
utakusanyika ukurasa kwa usawa
au wima, bila kusonga kishale, 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 kishale kiko katikati, basi
pageX na pageY zitakuwa 500. Ikiwa
utakusanyika ukurasa kwa 250
pikseli chini, basi pageY itakuwa 750.
Kwa hivyo pageX na pageY zina kuratibu
za tukio kwa kuzingatia usokoto.
Syntaxi
event.pageX;
Mfano
Wakati wa mwendo wa kipanya kwenye ukurasa tutatoa
kuratibu zake kuhusiana na dirisha ya kivinjari
(pageX na pageY):
<div id="elem">0 : 0</div>
let elem = document.getElementById('elem');
document.addEventListener('mousemove', function(event) {
elem.innerHTML = event.pageX + ' : ' + event.pageY;
});
:
