JavaScriptでの一つのイベントに対する複数のハンドラ
一つの要素に複数の関数を同時にバインドすることができます。 例を見てみましょう。ボタンがあるとします:
<input id="button" type="submit">
2つの関数があるとします:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
ボタンへの参照を変数に取得します:
let button = document.querySelector('#button');
では、このボタンにクリックハンドラとして 最初の関数と2番目の関数の両方をバインドしてみましょう:
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');
}
これらすべての関数を段落にバインドしてください。