Flere behandlere af samme event i JavaScript
Til ét element kan man koble flere funktioner på én gang. Lad os se på et eksempel. Lad os sige, vi har en knap:
<input id="button" type="submit">
Lad os sige, vi har to funktioner:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Lad os hente en reference til vores knap i en variabel:
let button = document.querySelector('#button');
Og lad os nu koble til vores knap som klik-handler både den første og den anden funktion:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Givet et afsnit:
<p id="elem">text</p>
Følgende funktioner er givet:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Tilkobl alle disse funktioner til vores afsnit.
