⊗jsPmDmSH 346 of 505 menu

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'); }

これらすべての関数を段落にバインドしてください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否