Obsługa zdarzeń i addEventListener

Rejestrowanie zdarzeń za pomocą addEventListener:

JAVASCRIPT

const formularz = document.querySelector('#mojFormularz');

formularz.addEventListener('submit', function(event) {
    // 1. Zablokowanie domyślnego przeładowania strony po wysłaniu:
    event.preventDefault();

    const inputWiek = document.querySelector('#wiek');
    const wartosc = parseInt(inputWiek.value, 10);

    if (isNaN(wartosc) || wartosc < 18) {
        alert('Musisz mieć ukończone 18 lat!');
        return;
    }

    console.log('Formularz zweryfikowany poprawnie.');
});

Najczęstsze typy zdarzeń w arkuszach INF.03:

Myszy: click, dblclick, mouseover, mouseout
Formularza: submit, change, input, focus, blur
Klawiatury: keydown, keyup
Dokumentu: DOMContentLoaded, load

Najczęstsze pułapki na egzaminie INF.03:

W zadaniach praktycznych często wymagana jest blokada przeładowania strony przy formularzu za pomocą event.preventDefault() lub return false w atrybucie inline.

Rejestrowanie zdarzeń za pomocą addEventListener:

Najczęstsze typy zdarzeń w arkuszach INF.03:

Najczęstsze pułapki na egzaminie INF.03:

Chcesz sprawdzić to pojęcie w praktyce?