JavaScript: Zdarzenia myszy · Kurs: JavaScript · Technik informatyk egzamin zawodowy

Zdarzenia myszy w JavaScript — podstawy

JavaScript pozwala reagować na działania użytkownika. Jednym z najczęstszych źródeł interakcji jest mysz. Kliknięcia, najechanie kursorem czy wciśnięcie przycisku myszy to zdarzenia, które możemy przechwycić i na nie zareagować.

Jak obsługiwać zdarzenia?

Najprościej: znajdź element w dokumencie (np. przycisk), a następnie użyj addEventListener, aby przypiąć funkcję do zdarzenia:

const btn = document.getElementById("btn");

btn.addEventListener("click", () => {
  alert("Kliknięto przycisk!");
});

Od teraz po kliknięciu przycisku zobaczysz komunikat.

Najważniejsze zdarzenia myszy

…