Erinevate sündmuste töötlejad JavaScriptis

Lisaks elemendile klõpsamisele on olemas ka teisi sündmusi. Näiteks sündmuse dblclick abil saab tabada topeltklõpsu elemendil, sündmuse mouseover abil - kursoriga elemendi peale minemist, ja sündmuse mouseout abil - kursoriga elemendilt lahkumist.

Samale elemendile saab siduda erinevat tüüpi sündmuste töötlejaid. Pange näiteks tööle ühele elemendile reaktsiooni kursoriga peale minemisele ja reaktsiooni lahkumisele:

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

Antud on nupp. Topeltklõpsamisel sellel kuva mõni sõnum.

Задание 2

Antud on nupp. Kursoriga sellele peale minemisel kuva mõni sõnum.

Задание 3

Antud on nupp. Kursoriga sellelt lahkumisel kuva mõni sõnum.

Задание 4

Antud on nupp. Kursoriga sellele peale minemisel kuva üks sõnum, ja kursoriga sellelt lahkumisel - teine sõnum.