Zdarzenia HTML5

Zdarzenie HTML to określona sytuacja lub akcja, która zachodzi w interfejsie użytkownika i może wywołać reakcję przeglądarki lub skryptu (JavaScript). Przykładami zdarzeń są kliknięcie myszą, załadowanie strony, zmiana wartości w formularzu czy rozpoczęcie odtwarzania pliku multimedialnego. Zdarzenia pozwalają tworzyć dynamiczne i interaktywne strony internetowe, reagujące na działania użytkownika.

Zdarzenia w HTML można przypisywać bezpośrednio do elementów jako atrybuty, dodając przedrostek on przed nazwą zdarzenia. Na przykład, aby wykonać akcję po kliknięciu przycisku, można użyć atrybutu onclick="...":

<button onclick="alert('Kliknięto przycisk!')">Kliknij mnie</button>

W przypadku gdy wybrane zdarzenie nie posiada odpowiadającego mu atrybutu (patrz tabela poniżej), można się posłużyć znacznikiem <script>...</script>. Wpisuje się w nim bezpośrednio kod JavaScript nasłuchujący na uruchomienie się zdarzenia dla obiektu, do którego ma ono zastosowanie:

<script>
document.addEventListener('DOMContentLoaded', function () {
	alert('Nastąpiło załadowanie wszystkich znaczników dokumentu HTML');
});
</script>

Każdy element oraz inne obiekty występujące w języku HTML mają ściśle określoną listę zdarzeń, które obsługują. Poniżej przedstawiono trzy główne grupy zdarzeń dostępnych w HTML5:

• Podstawowe zdarzenia - związane z ogólną interakcją użytkownika z elementami strony, np. klikaniem lub zmianą wartości.
• Zdarzenia multimedialne - wywoływane podczas odtwarzania audio i wideo, np. gdy rozpoczyna się lub kończy odtwarzanie.
• Zdarzenia drag-and-drop - umożliwiają implementację przeciągania i upuszczania elementów w obrębie strony.

Zdarzenia te stanowią podstawę dla budowy bardziej dynamicznych i responsywnych interfejsów użytkownika. Poniższa tabela zawiera zestawienie nazw zdarzeń, odpowiadających im atrybutów (jeśli występują), elementów i obiektów do których mają one zastosowanie oraz opisu momentu ich uruchomienia.

Żródło: HTML Standard