⊗jsPmDmMEH 345 of 505 menu

JavaScriptにおける多くの要素への単一ハンドラ

一つの関数を複数の要素にすぐにバインドすることができます。 例として、次の関数があるとします:

function func() { console.log('!!!'); }

また、2つのボタンがあります:

<input id="button1" type="submit" value="button1"> <input id="button2" type="submit" value="button2">

これらのボタンへの参照を変数に取得しましょう:

let button1 = document.querySelector('#button1'); let button2 = document.querySelector('#button2');

さて、関数 func を最初のボタンにも、2番目のボタンにもバインドしてみましょう:

button1.addEventListener('click', func); button2.addEventListener('click', func);

5 つの段落が与えられています:

<p id="elem1">text</p> <p id="elem2">text</p> <p id="elem3">text</p> <p id="elem4">text</p> <p id="elem5">text</p>

次の関数が与えられています:

function func() { console.log('message'); }

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

日本語
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
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否