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.
|
