Più gestori per un evento in JavaScript
A un elemento possono essere associate più funzioni contemporaneamente. Vediamo con un esempio. Supponiamo di avere un pulsante:
<input id="button" type="submit">
Supponiamo di avere due funzioni:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Otteniamo un riferimento al nostro pulsante in una variabile:
let button = document.querySelector('#button');
E ora associamo al nostro pulsante sia la prima che la seconda funzione come gestori del click:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Dato un paragrafo:
<p id="elem">text</p>
Date le seguenti funzioni:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Associa tutte queste funzioni al nostro paragrafo.