Przejdź do treści głównej
Frontend & CSS

Ściągawka i Tester Zdarzeń JavaScript (DOM Events)

Interaktywny panel testowania eventów w przeglądarce: kliknięcia, najechania myszą, klawiatura, formularze i manipulacja węzłami DOM.

Reklama

Ściągawka i Tester Zdarzeń JavaScript (DOM Events)

Mysz (Mouse)
Poligon Doświadczalny (Przetestuj zdarzenia na żywo):
Dziennik zdarzeń (Console Log):
Wykonaj akcję powyżej, aby zarejestrować event...
Zdarzenie: click

Wywoływane po kliknięciu lewym przyciskiem myszy na element.

document.getElementById('btn').addEventListener('click', function(e) {
    alert('Kliknięto przycisk!');
});
Atrybut HTML czy addEventListener w JavaScript?

Na egzaminie praktycznym INF.03 często spotyka się zapis w HTML: <button onclick="oblicz()">. W nowoczesnym kodzie JavaScript rekomenduje się jednak separację struktury od logiki poprzez metodę element.addEventListener('click', callback).

Reklama

Chcesz poćwiczyć pytania egzaminacyjne?

Rozwiązuj pytania z oficjalnych arkuszy CKE dla kwalifikacji INF.03, INF.04 — egzamin próbny na czas, nauka działami albo losowe pytanie. Bez konta i bez opłat.

Przejdź do testów INF.03