Handler für verschiedene Ereignisse in JavaScript
Neben dem Klick auf ein Element gibt es auch andere
Ereignisse. Zum Beispiel kann mit dem Ereignis dblclick
ein Doppelklick auf ein Element erfasst werden,
mit dem Ereignis mouseover - das Überfahren
des Elements mit dem Cursor, und mit dem Ereignis mouseout
- das Verlassen des Elements durch den Cursor.
Gleichzeitig können an ein Element Handler für verschiedene Ereignistypen gebunden werden. Lassen Sie uns zum Beispiel an ein Element die Reaktion auf das Überfahren mit dem Cursor und die Reaktion auf das Verlassen binden:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Gegeben ist ein Button. Geben Sie bei Doppelklick darauf irgendeine Nachricht aus.
Gegeben ist ein Button. Geben Sie bei Überfahren mit dem Cursor irgendeine Nachricht aus.
Gegeben ist ein Button. Geben Sie beim Verlassen durch den Cursor irgendeine Nachricht aus.
Gegeben ist ein Button. Geben Sie beim Überfahren mit dem Cursor eine Nachricht aus, und beim Verlassen - eine andere.
