logo

TechCodeview

JavaScript-evenementen

De verandering in de toestand van een object staat bekend als een Evenement . In HTML zijn er verschillende gebeurtenissen die aangeven dat een bepaalde activiteit door de gebruiker of door de browser wordt uitgevoerd. Wanneer javascript code is opgenomen in HTML, js reageert op deze gebeurtenissen en staat de uitvoering toe. Dit proces van reageren op de gebeurtenissen wordt genoemd Afhandeling van evenementen . Js verwerkt dus de HTML-gebeurtenissen via Gebeurtenishandlers .

Bijvoorbeeld Wanneer een gebruiker via de browser klikt, voegt u js-code toe, die de taak uitvoert die voor de gebeurtenis moet worden uitgevoerd.

Enkele HTML-gebeurtenissen en hun gebeurtenishandlers zijn:

Muisgebeurtenissen:

Evenement uitgevoerd Gebeurtenisbehandelaar Beschrijving
Klik bij klikken Wanneer u met de muis op een element klikt
muis over opmousover Wanneer de cursor van de muis over het element komt
muis uit opmuisuit Wanneer de cursor van de muis een element verlaat
muis omlaag opmuisdown Wanneer de muisknop over het element wordt gedrukt
muis omhoog opmuis omhoog Wanneer de muisknop wordt losgelaten over het element
muisbeweging bij muisbeweging Wanneer de muisbeweging plaatsvindt.

Toetsenbordgebeurtenissen:

Evenement uitgevoerd Gebeurtenisbehandelaar Beschrijving
Toets omlaag en toets omhoog op toets omlaag en op toets omhoog Wanneer de gebruiker de toets indrukt en vervolgens loslaat

Vorm evenementen:

Evenement uitgevoerd Gebeurtenisbehandelaar Beschrijving
focus onfocus Wanneer de gebruiker zich op een element concentreert
indienen indienen Wanneer de gebruiker het formulier verzendt
vervagen onscherp Wanneer de focus niet op een vormelement ligt
wijziging op verandering Wanneer de gebruiker de waarde van een formulierelement wijzigt of wijzigt

Venster-/documentgebeurtenissen

Evenement uitgevoerd Gebeurtenisbehandelaar Beschrijving
laden laden Wanneer de browser klaar is met het laden van de pagina
lossen uitladen Wanneer de bezoeker de huidige webpagina verlaat, wordt deze door de browser verwijderd
formaat wijzigen formaat wijzigen Wanneer de bezoeker het formaat van het browservenster wijzigt

Laten we enkele voorbeelden bespreken van gebeurtenissen en hun afhandelingen.

Klik op Gebeurtenis

 Javascript Events
Test het nu

MouseOver-gebeurtenis

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p>
Test het nu

Focus-evenement

 Javascript Events <h2> Enter something here</h2>
Test het nu

Keydown-evenement

 Javascript Events <h2> Enter something here</h2>
Test het nu

Gebeurtenis laden

 Javascript Events <br>
Test het nu