Obsługa różnych zdarzeń w JavaScript
Oprócz kliknięcia w element, istnieją również inne
zdarzenia. Na przykład, za pomocą zdarzenia dblclick
można przechwycić podwójne kliknięcie w element,
za pomocą zdarzenia mouseover - najechanie
kursora na element, a za pomocą zdarzenia mouseout
- zjechanie kursora z elementu.
Jednocześnie do jednego elementu można przypinać handlery różnych typów zdarzeń. Spróbujmy, na przykład, przypiąć do jednego elementu reakcję na najechanie kursora i reakcję na zjechanie:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Dany jest przycisk. Po podwójnym kliknięciu na nim wyświetl dowolną wiadomość.
Dany jest przycisk. Po najechaniu na niego wyświetl dowolną wiadomość.
Dany jest przycisk. Po zjechaniu kursora z niego wyświetl dowolną wiadomość.
Dany jest przycisk. Po najechaniu na niego wyświetl jedną wiadomość, a po zjechaniu z niego - drugą.