KWALIFIKACJA PGF4 - CZERWIEC 2015

PYTANIE NR 37.
Który atrybut należy przypisać do elementu strony internetowej, aby można było spowodować reakcję programu po najechaniu kursorem myszy na ten element?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
onmouseover to atrybut zdarzenia myszy wywoływany, gdy wskaźnik kursora znajdzie się nad elementem. Pozostałe opcje dotyczą innych momentów: onmouseout po opuszczeniu elementu, onmousedown przy wciśnięciu przycisku, a onmouseup przy jego puszczeniu.

Pełne wyjaśnienie:

Atrybut onmouseover służy do uruchomienia reakcji programu w chwili, gdy kursor myszy najeżdża na dany element (np. link, obraz, przycisk). Jest to typowa metoda wiązania zachowania z interakcją użytkownika polegającą na wskazaniu elementu.

Odpowiedź onmouseout jest niepoprawna w tym kontekście, ponieważ dotyczy sytuacji odwrotnej: zdarzenie występuje, gdy kursor opuści obszar elementu. Tego używa się np. do cofania podświetlenia lub zamykania podglądu po zjechaniu kursorem.

Odpowiedzi onmousedown oraz onmouseup również nie pasują do treści pytania, bo są związane z klawiszami myszy, a nie z samym ruchem kursora. onmousedown uruchamia się w momencie wciśnięcia przycisku, a onmouseup w momencie jego puszczenia. To zdarzenia typowe dla kliknięć, przeciągania i innych akcji zależnych od stanu przycisku.

W praktyce projektowej (również w multimediach i UI) warto pamiętać, że "najechanie" to interakcja typu hover, a "wciśnięcie/puszczenie" to interakcje typu press/release. Na egzaminie najczęstsza pułapka polega na pomyleniu "mouseover" z "mouseout" albo na utożsamieniu każdej interakcji myszą z kliknięciem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
onmouseover to zdarzenie uruchamiane, gdy kursor myszy znajdzie się nad elementem strony. Najczęściej wykorzystuje się je do podświetleń, podpowiedzi i podglądów treści uruchamianych bez klikania.
onmouseover zachodzi przy wejściu kursora na element, a onmouseout przy jego opuszczeniu. W interfejsach często stosuje się je parami: jedno włącza efekt (np. pokazuje opis), drugie go wyłącza (np. ukrywa opis).
Nie. onmousedown i onmouseup odnoszą się do przycisku myszy: wciśnięcia i puszczenia. Do reakcji na samo najechanie kursorem używa się zdarzeń związanych z ruchem kursora, takich jak onmouseover.
Stosuje się ją, gdy chcesz dać użytkownikowi informację bez klikania, np. podświetlić element menu, pokazać podpis zdjęcia, uruchomić podgląd grafiki lub wyświetlić krótką wskazówkę. Trzeba jednak uważać na dostępność na urządzeniach dotykowych.
Bo nazwy są bardzo podobne, a różnią się tylko fragmentem "over/out". To sprzyja czytaniu pobieżnemu i wyborowi "na oko". Pomaga skojarzenie: over = nad elementem, out = poza elementem.
W projektach multimedialnych onmouseover często uruchamia animację przycisku, zmianę miniatury, wyświetlenie opisu fotografii, przełączenie slajdu w galerii lub pokazanie ikon akcji. To klasyczny mechanizm budowania interaktywnych prezentacji.
Nie. Zdarzenia można obsługiwać także w skryptach, przypinając funkcje do elementów. W praktyce jest to często wygodniejsze i czytelniejsze niż wpisywanie kodu bezpośrednio w atrybutach elementu, choć na egzaminach spotyka się oba podejścia.
Szukaj nazwy wskazującej wejście kursora nad element: "mouseover" (dosłownie: mysz nad). Opcje z "down/up" odnoszą się do przycisku myszy, a "mouseout" do opuszczenia elementu. Kluczowe jest dopasowanie momentu akcji użytkownika.
Nie zawsze. Na urządzeniach dotykowych nie ma klasycznego kursora, więc interakcje typu "hover" mogą nie występować lub są emulowane w inny sposób. Dlatego w projektowaniu interfejsów często przewiduje się alternatywę opartą o dotknięcie.
Najczęstsze błędy to: mylenie wejścia z wyjściem (mouseover vs mouseout), utożsamianie najechania z kliknięciem (mousedow/mouseup) oraz wybór odpowiedzi na podstawie podobieństwa nazw bez analizy opisu w pytaniu. Pomaga porównanie "ruch" vs "przycisk".
info

Około 67% zdających odpowiada poprawnie na to pytanie. średnie

Specjaliści zwracają uwagę: "onmouseover to atrybut zdarzenia myszy wywoływany, gdy wskaźnik kursora znajdzie się nad elementem."

Źródła:

  • MDN Web Docs: Element: mouseover event, https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseover_event - accessed 2026-03-02
  • MDN Web Docs: Global attributes: onmouseover, https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/onmouseover - accessed 2026-03-02
  • MDN Web Docs: Element: mouseout event, https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseout_event - accessed 2026-03-02

Materiały:

  • Dokumentacja MDN dotycząca zdarzeń myszy (mouseover, mouseout, mousedown, mouseup)
  • Wprowadzenie do obsługi zdarzeń w JavaScript (addEventListener)
  • Materiały o podstawach interakcji w UI stron internetowych (hover, focus, click)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego