Handlers voor verschillende gebeurtenissen in JavaScript
Behalve het klikken op een element, zijn er ook andere
gebeurtenissen. Met de gebeurtenis dblclick
kun je bijvoorbeeld een dubbele klik op een element detecteren,
met de gebeurtenis mouseover - het aanwijzen
van de cursor op een element, en met de gebeurtenis mouseout
- het weggaan van de cursor van een element.
Tegelijkertijd kunnen handlers voor verschillende soorten gebeurtenissen aan één element worden gekoppeld. Laten we, bijvoorbeeld, een reactie op het aanwijzen van de cursor en een reactie op het weggaan aan één element koppelen:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Er is een knop gegeven. Bij dubbelklikken erop geef je een bericht weer.
Er is een knop gegeven. Bij het aanwijzen ervan geef je een bericht weer.
Er is een knop gegeven. Bij het weggaan van de cursor ervan geef je een bericht weer.
Er is een knop gegeven. Bij het aanwijzen ervan geef je het ene bericht weer, en bij het weggaan ervan - het andere.
