ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使わずに動的に作成された要素でイベントをリッスンする方法は?
外部ページを操作する場合、動的に生成された要素にイベント リスナーを追加するのは困難な場合があります。このようなシナリオでは、イベント処理の委任が重要です。
1 つの方法は、event.target プロパティを使用して、クリックまたはトリガーされた要素が目的のタイプであるかどうかを確認することです。以下に例を示します。
<code class="javascript">document.querySelector('body').addEventListener('click', function(event) { if (event.target.tagName.toLowerCase() === 'li') { // Execute desired action on encountered 'li' elements } });</code>
注: このアプローチでは、目的の要素が
内にあることを前提としています。要素。セレクタが他のコンテナ内にネストされている場合は、それに応じてセレクタを調整します。注意事項:
以上がjQueryを使わずに動的に作成された要素でイベントをリッスンする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。