Eri tapahtumien käsittelijät JavaScriptissä

Elementin klikkaamisen lisäksi on olemassa muita tapahtumia. Esimerkiksi dblclick-tapahtumalla voi tunnistaa kaksoisnapsautuksen elementtiin, mouseover-tapahtumalla - kursorin vieämisen elementin päälle, ja mouseout-tapahtumalla - kursorin poistumisen elementistä.

Samaan aikaan yhteen elementtiin voidaan liittää erityyppisten tapahtumien käsittelijöitä. Liitetäänpä esimerkiksi yhteen elementtiin reaktio kursorin vientiin päälle ja reaktio poistumiseen:

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

Annettu painike. Kaksoisnapsauta sitä ja tulosta jokin viesti.

Annettu painike. Vie kursori sen päälle ja tulosta jokin viesti.

Annettu painike. Kursorin poistuessa sen päältä tulosta jokin viesti.

Annettu painike. Viedessä kursorin sen päälle tulosta yksi viesti, ja poistuessa sen päältä - toinen.