JavaScript'te Bir Etkinlik İçin Birden Fazla İşleyici
Bir elemana aynı anda birden fazla fonksiyon bağlanabilir. Bir örnek üzerinden inceleyelim. Bir butonumuz olduğunu varsayalım:
<input id="button" type="submit">
İki fonksiyonumuz olduğunu varsayalım:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Butonumuza bir referansı değişkene alalım:
let button = document.querySelector('#button');
Şimdi butonumuza tıklama işleyicisi olarak hem birinci hem de ikinci fonksiyonu bağlayalım:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Bir paragraf verilmiş:
<p id="elem">text</p>
Aşağıdaki fonksiyonlar verilmiş:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Tüm bu fonksiyonları paragrafımıza bağlayın.