Evenimente HTML sunt „lucruri“ care se întâmplă să HTML elemente.
Atunci când se utilizează JavaScript în pagini HTML, JavaScript poate "react" cu privire la aceste evenimente.
HTML Evenimente
Un eveniment HTML poate fi ceva browser-ul face, sau ceva de un utilizator face.
Iată câteva exemple de evenimente HTML:
- O pagină de web HTML a terminat de încărcat
- Un câmp de intrare HTML a fost schimbat
- Un buton HTML a dat clic
De multe ori, atunci când evenimentele se întâmplă, poate doriți să faceți ceva.
JavaScript vă permite să execute cod atunci când sunt detectate evenimente.
HTML permite atribute de tratare a evenimentului, cu cod JavaScript, care urmează să fie adăugate elemente HTML.
Cu ghilimele simple:
< some-HTML-element
some-event = ' some JavaScript ' >
Cu ghilimele duble:
< some-HTML-element
some-event = " some JavaScript " >
În exemplul următor, un onclick atribut (with code) , se adaugă un element de buton:
Exemplu
<button onclick='getElementById("demo").innerHTML=Date()'>The time is?</button>
Încearcă - l singur » În exemplul de mai sus, codul JavaScript modifică conținutul elementului cu id="demo" .
În următorul exemplu, codul schimbă conținutul propriului său element de (using this .innerHTML ) :
Codul JavaScript este de multe ori mai multe linii lungi. Este mai comun pentru a vedea atributele de evenimente de asteptare funcții:
HTML comună Evenimente
Aici este o listă a unor evenimente comune HTML:
Eveniment | Descriere |
---|---|
onchange | Un element HTML a fost schimbat |
onclick | Utilizatorul dă clic pe un element HTML |
onmouseover | Utilizatorul deplasează mouse-ul peste un element HTML |
onmouseout | Utilizatorul se mută mouse-ul departe de un element HTML |
onkeydown | Utilizatorul apasă o tastă de tastatură |
onload | Browser-ul a terminat încărcarea paginii |
Lista este mult mai lungă: w3ii JavaScript referință HTML DOM Evenimente .
Ce se poate face JavaScript?
stivuitoare evenimente pot fi folosite pentru a manipula, și să verifice, datele introduse de utilizator, acțiunile utilizatorilor și acțiuni în browser:
- Lucrurile pe care ar trebui să fie făcut de fiecare dată când o pagină se încarcă
- Lucrurile pe care ar trebui să se facă atunci când pagina este închisă
- Acțiunea care trebuie efectuată atunci când un utilizator face clic pe un buton
- Conținutul care trebuie verificate atunci când datele introduse de utilizator
- Și altele ...
Multe metode diferite pot fi folosite pentru a lăsa locul de muncă JavaScript cu evenimente:
- Atributele de evenimente HTML pot executa cod JavaScript direct
- atribute de evenimente HTML pot apela funcțiile JavaScript
- Aveți posibilitatea să atribuiți propriile funcții de tratare a evenimentului în HTML elemente
- Puteți preveni evenimentele de la a fi trimise sau manevrării
- Și altele ...
Vei afla mai multe despre mai multe evenimente și stivuitoare eveniment în HTML DOM capitole.
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 »