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

javascriptevent.pageX;

Mfano

Wakati wa mwendo wa kipanya kwenye ukurasa tutatoa kuratibu zake kuhusiana na dirisha ya kivinjari (pageX na pageY):

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

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

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

Результат:

Angalia pia