Autoajutorare javascript, model de eveniment în JavaScript 1

Prin studierea tabelului, puteți vedea ce a fost pus în aplicare de manipulare a unor noi evoluții. În această lecție ne vom uita la unele dintre ele.
În primul rând, să ia în considerare evenimentul Resize. Cu acest eveniment, puteți stabili dacă dimensiunea ferestrei este modificată de către cititor. Următorul script arată cum se face:

Mesaj funcția () de alertă ( „Fereastra a fost redimensionate!“);
>




Vă rugăm să redimensiona fereastra.



Cu toate acestea, puteți scrie într-un alt mod:



Mesaj funcția () alert ( 'clic pe eveniment a avut loc!');
>

S-ar putea crede că a doua alternativă este un pic complicat. Dar de ce atunci este folosim în primul scenariu? Motivul este faptul că obiectul fereastră nu poate fi definită prin orice etichetă specială - și așa trebuie să folosim a doua opțiune.

Două note importante: În primul rând, nu ar trebui să scrie window.onResize - Vreau să spun că trebuie să scrie totul cu majuscule. În al doilea rând, nu aveți nevoie pentru a pune între paranteze după anunțarea nr. Dacă scrieți window.onresize = mesajul (). browser-ul interpretează mesajul () ca un apel de funcție. Cu toate acestea, în cazul nostru noi nu vrem să numim în mod direct această funcție - vrem doar pentru a defini tratare a evenimentului.

Obiect Event.



Autoajutorare javascript, model de eveniment în JavaScript 1

În plus, am pus toate comenzile în tag-ul . Datorită acestei noi am raportat coordonatele în raport cu stratul, adică, în acest caz, în ceea ce privește imaginea în sine. În caz contrar, vom obține coordonatele relative la fereastra browser-ului. (Întoarcere manuală fals, este folosit aici pentru browser-ul se ocupă de acest link de mai jos)

obiect Event a primit următoarele proprietăți (pe care le vom discuta în următoarele exemple):

Evenimente interceptare.

Pentru a vedea de ce acest lucru este util, să ia în considerare următorul exemplu:

mâner funcție (e) de alertă ( „obiect fereastră capturat acest eveniment!“);
return true; // și anume link-ul de urmărire
>




Dați clic pe acest link

În plus, () funcția de mâner. am definit ca o tratare a evenimentului, folosim returnarea de instrucțiuni adevărat. În realitate, acest lucru înseamnă că browser-ul trebuie să proceseze și link-ul în sine, după funcția de mâner complet de execuție (). Dacă scrieți în schimb return false;. atunci asta e tot și peste.

Dacă acum în tag-ul Specificați programul evenimentului de manipulare onClick, veți vedea că programul în cazul în care evenimentul nu este numit. Acest lucru nu este surprinzător, deoarece obiectul ferestrei surprinde evenimentul înainte de a ajunge la link-ul de obiect. Dacă definiți mânerul () funcționează ca

mâner funcție (e) de alertă ( „obiect fereastră capturat acest eveniment!“);
window.routeEvent (e);
return true;
>

computerul va verifica dacă alte entități care operează evenimente definite pentru acest obiect. Variabila e - acesta este evenimentul nostru obiect, a trecut la funcția de manipulare eveniment ca argument.

În plus, puteți trimite direct un eveniment la orice obiect. Pentru aceasta, puteți utiliza metoda handleEvent (). Acesta este după cum urmează:

mâner funcție (e) document.links [1] .handleEvent (e);
>

Toate semnalele eveniment clic, sunt trimise la prelucrarea celui de al doilea link - chiar dacă nu ați făcut clic pe oricare dintre link-urile!

Următorul script demonstrează că script-ul poate reacționa la semnalele de tastare. Faceți clic pe orice buton și a vedea modul în care acest script.

Funcția apăsat (e) de alertă ( "tastă apăsată ASCII valoare :!" + e.which);
>