Behandling av ulike hendelser i JavaScript

I tillegg til klikk på et element, finnes det andre hendelser. For eksempel, ved hjelp av hendelsen dblclick kan man fange dobbeltklikk på et element, ved hjelp av hendelsen mouseover - bevegelse av markøren over elementet, og ved hjelp av hendelsen mouseout - når markøren forlater elementet.

Samtidig kan man knytte behandlere for ulike typer hendelser til ett element. La oss for eksempel knytte en reaksjon på markørbevegelse over og en reaksjon på at markøren forlater elementet:

button.addEventListener('mouseover', function() {
	console.log('1');
});
button.addEventListener('mouseout', function() {
	console.log('2');
});

Gitt en knapp. Ved dobbeltklikk på den, skriv ut en melding.

Gitt en knapp. Ved å bevege markøren over den, skriv ut en melding.

Gitt en knapp. Når markøren forlater den, skriv ut en melding.

Gitt en knapp. Ved å bevege markøren over den, skriv ut en melding, og når markøren forlater den - en annen melding.