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:

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});
Задание 1

Annettu painike. Kaksoisnapsauta sitä ja tulosta jokin viesti.

Задание 2

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

Задание 3

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

Задание 4

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