Ultimele tutoriale de dezvoltare web
 

JavaScript Evenimente


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 ) :

Exemplu

<button onclick="this.innerHTML=Date()">The time is?</button>
Încearcă - l singur »

Codul JavaScript este de multe ori mai multe linii lungi. Este mai comun pentru a vedea atributele de evenimente de asteptare funcții:

Exemplu

<button onclick="displayDate()">The time is?</button>
Încearcă - l singur »

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 »