onmouseover

Co to jest onmouseover?

onmouseover to atrybut zdarzenia HTML używany do uruchomienia kodu JavaScript w chwili, gdy użytkownik najedzie kursorem myszy na dany element strony internetowej.

Najczęściej stosuje się go do tworzenia prostych efektów interaktywnych, np. zmiany tekstu, koloru, obrazka albo wyświetlenia komunikatu.

Przykład użycia

<button onmouseover='alert("Najechano kursorem!")'>Najedź na mnie</button>

Po przesunięciu kursora myszy na przycisk zostanie wykonana funkcja alert().

Różnica między podobnymi zdarzeniami myszy

• onmouseover — działa, gdy kursor najedzie na element,
• onmouseout — działa, gdy kursor opuści element,
• onmousedown — działa, gdy zostanie wciśnięty przycisk myszy,
• onmouseup — działa, gdy przycisk myszy zostanie puszczony.

Zastosowanie w praktyce

onmouseover może być używany np. do:

• podświetlania elementów menu,
• wyświetlania podpowiedzi,
• zmiany grafiki po najechaniu,
• uruchamiania prostych animacji lub skryptów.

W nowoczesnych stronach często zamiast wpisywać JavaScript bezpośrednio w HTML stosuje się nasłuchiwanie zdarzeń w pliku .js, np. przez addEventListener('mouseover', ...). Na egzaminie należy jednak rozpoznać, że atrybutem odpowiadającym za reakcję po najechaniu kursorem jest właśnie onmouseover.