Múltiplos manipuladores para um mesmo evento em JavaScript
É possível vincular várias funções a um mesmo elemento. Vamos ver um exemplo. Suponha que temos um botão:
<input id="button" type="submit">
Suponha que temos duas funções:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Vamos obter uma referência ao nosso botão em uma variável:
let button = document.querySelector('#button');
Agora, vamos vincular à nosso botão como manipuladores de clique tanto a primeira quanto a segunda função:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Dado um parágrafo:
<p id="elem">text</p>
Dadas as seguintes funções:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Vincule todas essas funções ao nosso parágrafo.
