Hanterare av olika händelser i JavaScript
Förutom klick på ett element finns det också andra
händelser. Till exempel, med hjälp av händelsen dblclick
kan man fånga ett dubbelklick på ett element,
med hjälp av händelsen mouseover - när muspekaren
förs över ett element, och med hjälp av händelsen mouseout
- när muspekaren lämnar elementet.
Dessutom kan flera hanterare för olika typer av händelser kopplas till ett och samma element. Låt oss till exempel koppla en reaktion på när muspekaren förs över och en reaktion på när den lämnar till ett element:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
En knapp är given. Vid dubbelklick på den, skriv ut ett meddelande.
En knapp är given. Vid musöverföring på den, skriv ut ett meddelande.
En knapp är given. När muspekaren lämnar den, skriv ut ett meddelande.
En knapp är given. Vid musöverföring på den, skriv ut ett meddelande, och när muspekaren lämnar den - ett annat.
