Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2015



PYTANIE NR 34.
Zdarzenie JavaScript, będące reakcją na pojedynczo kliknięty dowolny element strony, nosi nazwę
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Zdarzenie wywoływane przez pojedyncze kliknięcie elementu to kliknięcie (click), tradycyjnie spotykane także jako obsługa przez atrybut/właściwość "onClick". "onDblClick" dotyczy podwójnego kliknięcia, "onLoad" uruchamia się po załadowaniu, a "onKeyDown" po wciśnięciu klawisza.

Pełne wyjaśnienie:

Reakcja na pojedyncze kliknięcie elementu na stronie jest w przeglądarce powiązana ze zdarzeniem click. W wielu materiałach (zwłaszcza starszych) spotyka się zapis w stylu onClick, ponieważ:

  • w HTML istnieje atrybut obsługi zdarzenia onclick,
  • w DOM istnieje właściwość elementu onclick, do której można przypisać funkcję.

Dlatego odpowiedź "onClick" wskazuje na mechanizm obsługi kliknięcia i odpowiada opisowi: pojedyncze kliknięcie dowolnego elementu.

Pozostałe odpowiedzi nie pasują do treści pytania:

  • "onDblClick" odnosi się do podwójnego kliknięcia (użytkownik klika dwa razy szybko), więc przeczy warunkowi "pojedynczo".
  • "onLoad" dotyczy zdarzenia załadowania dokumentu lub zasobu (np. strony/obrazu). Nie jest reakcją na kliknięcie elementu.
  • "onKeyDown" jest zdarzeniem klawiatury: uruchamia się przy wciśnięciu klawisza, niezależnie od kliknięć myszą.

W praktyce nowoczesny zapis w JavaScript to najczęściej rejestrowanie nasłuchiwania: addEventListener('click', ...). Na egzaminach jednak często sprawdza się znajomość nazw typu "onClick/onclick" kojarzonych z kliknięciem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest zdarzenie click w JavaScript?
Zdarzenie click informuje, że użytkownik wykonał pojedyncze kliknięcie wskazanym elementem (np. przyciskiem, linkiem, divem). Najczęściej obsługuje się je przez addEventListener('click', ...) lub (rzadziej) przez właściwość onclick.
Jak podpiąć obsługę kliknięcia bez atrybutu onclick w HTML?
Najczęściej używa się metody addEventListener: najpierw pobierz element (np. przez querySelector), a potem dodaj nasłuchiwanie 'click'. To rozdziela HTML od logiki i ułatwia testowanie oraz utrzymanie kodu.
Jaka jest różnica między click a dblclick?
click uruchamia się po pojedynczym kliknięciu, a dblclick po szybkim podwójnym kliknięciu. To dwa różne zdarzenia i nie należy ich mylić: opis "pojedynczo kliknięty" wskazuje na click, nie na dblclick.
Dlaczego onLoad nie pasuje do pytania o kliknięcie?
load (często kojarzone z "onLoad") dotyczy zakończenia ładowania strony lub zasobu, a nie akcji użytkownika na elemencie. Jeśli w treści jest mowa o kliknięciu elementu, to właściwym tropem są zdarzenia myszy, nie zdarzenia ładowania.
Co oznacza onKeyDown i kiedy się go używa?
keydown (często zapisywane jako "onKeyDown") to zdarzenie klawiatury uruchamiane w momencie wciśnięcia klawisza. Stosuje się je np. do skrótów klawiszowych, obsługi klawisza Enter w formularzu lub nawigacji po menu. Nie opisuje kliknięcia myszą.
Czy poprawna nazwa to onClick czy onclick?
W standardowym DOM najczęściej spotkasz onclick (właściwość/atrybut) oraz nazwę zdarzenia click (np. w addEventListener). Zapis onClick bywa używany w materiałach edukacyjnych, ale w praktyce web częściej jest to onclick.
Jakie elementy HTML najczęściej reagują na kliknięcie?
Najczęściej klikane są button i a (linki), ale zdarzenie click można obsłużyć na praktycznie każdym elemencie (np. div, li). Ważne jest zapewnienie dostępności: element powinien być też obsługiwalny z klawiatury.
Jak uniknąć pomyłki między zdarzeniami na egzaminie?
Najpierw wypisz w głowie, co inicjuje zdarzenie: mysz (click/dblclick), klawiatura (keydown), ładowanie (load). Potem dopasuj do słów kluczowych w pytaniu, np. "pojedynczo kliknięty" → click. To ogranicza zgadywanie po nazwie.
Kiedy lepiej używać addEventListener niż onclick?
addEventListener pozwala dodać wiele niezależnych obsług dla tego samego zdarzenia, łatwiej je usuwać oraz lepiej rozdziela kod od HTML. Właściwość onclick jest prostsza, ale nadpisuje poprzednią funkcję i gorzej skaluje się w większych projektach.
Jak sprawdzić w konsoli, czy kliknięcie działa poprawnie?
Najprościej dodaj obsługę kliknięcia i w jej treści użyj console.log z czytelną informacją. Kliknij element na stronie i sprawdź, czy komunikat pojawia się w konsoli. To szybki test, czy selektor elementu i rejestracja zdarzenia są poprawne.
info

Około 74% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Eksperci podkreślają: "Zdarzenie wywoływane przez pojedyncze kliknięcie elementu to kliknięcie (click), tradycyjnie spotykane także jako obsługa przez atrybut/właściwość "onClick"."

Źródła:

  • MDN Web Docs: Element: click event (Event: click) — https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event (dostęp: 2026-02-28)
  • MDN Web Docs: Element: dblclick event — https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event (dostęp: 2026-02-28)
  • MDN Web Docs: Window: load event — https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja MDN: Event reference (click, dblclick, load, keydown)
  • Ćwiczenia praktyczne z addEventListener i delegacją zdarzeń
  • Kurs podstaw JavaScript (DOM Events)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego