Flera hanterare för en händelse i JavaScript
Till ett element kan du binda flera funktioner samtidigt. Låt oss titta på ett exempel. Låt oss säga att vi har en knapp:
<input id="button" type="submit">
Låt oss säga att vi har två funktioner:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Låt oss hämta en referens till vår knapp i en variabel:
let button = document.querySelector('#button');
Och låt oss nu binda till vår knapp som klickhanterare både den första och den andra funktionen:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Given ett stycke:
<p id="elem">text</p>
Följande funktioner är givna:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Bind alla dessa funktioner till vårt stycke.
