Programele JavaScript trebuie în general sa raspunda la anumite evenimente: initiate fie de utilizator fie de software-uldin browser: JavaScript este un limbaj condus de 757b14h evenimente. Aceasta înseamna ca poate fi programat sa raspunda automat la anumite evenimente. In principiu, nu toate evenimentele initiate de utilizator intereseaza, ci numai acelea la care se doreste sa se raspunda.
Evenimentele sunt actiuni ce au loc în browser-ul web, de genul selectarii de catre utilizator a unui hiperlink (onClick), sau a încarcarii unei noi pagini (onLoad). Fiecare eveniment JavaScript are un asa numit handler (manevrator) de eveniment corespondent, însarcinat cu responsabilitatea raspunsului automat atunci cînd se petrece evenimentul. JavaScript implementeaza manevratoarele de evenimente înglobîndu-le ca atribute ale etichetelor HTML. Acestea reprezinta bucati de cod JavaScript ce sunt executate la aparitia evenimentului. Ele sunt utilizate pentru a raspunde utilizatorului si evenimentelor document, ajutînd la realizarea interctivitatii documentelor web.
Manevratoarele de evenimente pot fi asociate cu obiecte document de genul hyperlink-urilor, form-urilor de intrare, butoanelor de validare si a imaginilor de definire a unui eveniment vizual al obiectului. De exemplu, se asociaza evenimentul onClick unui buton specific al unei pagini web. Când se petrece evenimentul asociat al obiectului, JavaScript activeaza handlerul de evenimente ce apeleaza un anumit cod pentru realizarea unei actiuni specifice. Cele mai comune manevratoare de evenimente sunt listate mai jos:
|
Manevrator evenimente |
Lucreaza cu aceste obiecte |
Când lucreaza |
|
onMouseOver |
Link-uri, imagini |
Când mouse-ul se deplaseaza peste un link sau o imagine |
|
onMouseOut |
Link-uri, imagini |
Când mouse-ul se deplaseaza peste un link sau o imagine |
|
OnChange |
Câmpuri text, câmpuri de parola, meniuri de selectare |
Când se schimba valoarea unei intrari într-un form, sau când se selecteaza o optiune dintr-un meniu de selectie |
|
onLoad |
Corpuri text, frame-uri, si imagini |
Când se încarca o imagine sau o pagina de catre un browser client |
|
onUnload |
Corpuri text, frame-uri |
Când se iese dintr-o pagina sau se înlocuieste o pagina cu una noua |
|
onClick |
Butoane, butoane de verificare, butoane radio, butoane de validare, butoane de resetare si link-uri |
Când se face selecteaza un buton sau un link |
|
onFocus |
Câmpuri text si câmpuri de parola |
Când se muta cursorul pe un câmp de intrare al unui form |
|
onBlur |
Câmpuri text si câmpuri de parola |
Când se muta cursorul de pe un câmp de intrare al unui form |
|
Alte manevratoare de evenimente includ: onDblClick onDragDrop onKeyDown onKeyPress onKeyUp onMouseDown onMouseMove onMouseUp onMove, and onResize |
||
<html
<body>
<h1>Primul handler de evenimente</h1>
<p><a href="goingnowhere.html">Un hyperlink
obisnuit</a>
<p><a href="goingnowhere.html" onMouseOver="window.status=
'Acest link nu duce nicaieri, dar cel putin apare ceva aici!';
return true;">Un hyperlink
scriptat</a>
<p>Urmariti bara de stare in timpul miscarii cursorului deasupra
celor doua hyperlink-uri!
</body>
</html>
Acest cod prezinta diferentele dintre un hiperlink obisnuit si unul scriptat pentru a raspunde la un eveniment al browser-ului. Când se deplaseaza cursorul deasupra hiperlink-ului, JavaScript recunoaste evenimentul si executa codul asociat acelui eveniment. In cazul acestui exemplu, se vede cum se modifica ca si raspuns la evenimentul onMouseOver bara de stare de la baza browser-ului. Mai precis, codul de mai sus reseteaza la o noua valoare proprietatea de stare a obiectului fereastra window.status. Aceasta noua valoare, care este de fapt sirul încadrat între apostroafe, suprascrie valoarea implicita - care este URL-ul hyperlink-ului.
Dupa cum se va vedea în continuare, modelul obiect document si handlerele de evenimente se combina astfel sa se furnizeze un control aditional asupra aspectului si a continutului unui document HTML.
In concluzie, se poate observa ca, folosite împreuna, script-urile relativ simple pot controla în mod semnificativ interfata utilizator (web). Script-urile pot fi setate pentru a fi executate imediat sau salvate si apelate mai târziu la fel ca si functiile. Functiile sunt folositoare, în special, pentru ca pot fi executate de fiecare data când este nevoie. Ele sunt adesea apelate printr-un eveniment asociat cu un obiect din browser.
|
