Gebeurtenismanipulatie (of Event Handling) is een belangrijke functionaliteit binnen JavaScript en maakt interactie met de gebruiker mogelijk. Je kunt het gebruiken om je code te laten reageren op gebruikersgedrag, zoals muisklikken, toetsaanslagen, etc.
Er zijn drie manieren om gebeurtenissen in JavaScript om te gaan:
1. Inline gebeurtenisafhandeling: Een gebeurtenishandler (ook wel een luisteraar genoemd) wordt direct in de HTML-markering geschreven. Bijvoorbeeld:
```
```
1. Traditionele gebeurtenisafhandeling: De handler wordt in de JavaScript-code geschreven en gekoppeld aan een element met behulp van zijn ID. Bijvoorbeeld:
```
var button = document.getElementById(‘myButton’);
button.onclick = function() {
alert(‘Je hebt geklikt!’);
};
```
1. Geavanceerde gebeurtenisafhandeling: Met behulp van de `addEventListener()` methode kun je meerdere handlers aan een element koppelen. Bijvoorbeeld:
```
var button = document.getElementById(‘myButton’);
button.addEventListener(‘click’, function() {
alert(‘Je hebt geklikt!’);
});
```
Bij geavanceerde gebeurtenisafhandeling kun je ook gebruik maken van event objecten, propagation en delegation voor meer complexe scenario’s.
Je kunt ook gebeurtenissen verzenden (triggeren) met de `dispatchEvent()` methode. Je moet eerst een nieuw Event object aanmaken, en dan kun je het “verzenden” naar een element.
Houd in gedachten dat niet alle browsers elke methode ondersteunen, dus het is belangrijk om rekening te houden met browsercompatibiliteit bij het werken met gebeurtenissen in JavaScript.
