Няколко обработчика за едно събитие в JavaScript
Към един елемент могат да бъдат прикачени няколко функции наведнъж. Нека да разгледаме пример. Нека имаме бутон:
<input id="button" type="submit">
Нека имаме две функции:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Нека получим референция към нашия бутон в променлива:
let button = document.querySelector('#button');
А сега нека прикачим към нашия бутон като обработчици за клик и първата, и втората функция:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Даден е параграф:
<p id="elem">text</p>
Дадени са следните функции:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Прикачете всички тези функции към нашия параграф.