Het toevoegen van interactieve functies aan een website is waar JavaScript uitblinkt. Hoewel HTML en CSS respectievelijk worden gebruikt om de structuur en stijlen van een webpagina te definiëren, kunt u JavaScript gebruiken om uw site dynamischer te maken.
In JavaScript worden gebeurtenissen gebruikt om een interactieve site te maken . In deze handleiding zullen we het hebben over JavaScript-gebeurtenissen. We zullen onderzoeken waar evenementen kunnen worden gebruikt, hoe een evenement kan worden gedefinieerd en hoe een evenement kan worden opgeroepen. Daar gaan we!
Wat is een JavaScript-gebeurtenis?
Gebeurtenissen kunnen worden geactiveerd door de browser of door de gebruiker en kunnen de status van de webpagina wijzigen. Wanneer u op een knop op een webpagina klikt, wordt een JavaScript-gebeurtenis gemaakt. Wanneer u op een uitvouwend vervolgkeuzemenu klikt, wordt een JavaScript-gebeurtenis gebruikt.
JavaScript-gebeurtenissen hebben een breed scala aan toepassingen, waaronder:
- Controleren of een formulier is ingevuld
- Een gebruiker naar een andere pagina verplaatsen na het invullen van een formulier
- Vervolgkeuzemenu`s interactief maken
- Een gebruiker toestaan om in- en uitzoomen op afbeeldingen
Als u met gebeurtenissen in JavaScript wilt werken, moet u twee concepten kennen: gebeurtenishandlers en gebeurtenislisteners.
Een gebeurtenishandler is een functie die wordt uitgevoerd wanneer een gebeurtenis op een webpagina wordt geactiveerd. Event-listeners koppelen een event-functie aan een HTML-element, dus wanneer die functie wordt uitgevoerd, wordt het webelement gewijzigd.
Event-handlers kunnen op drie manieren worden gedefinieerd: met behulp van een inline event-handler, een gebeurtenis, of een gebeurtenislistener.
Online gebeurtenishandlers
De gemakkelijkste manier om met gebeurtenissen in JavaScript aan de slag te gaan, is door een online gebeurtenishandler te gebruiken. Dit betekent dat je je event definieert in je HTML-bestand.