jQueryを使わずに動的に作成された要素でイベントをリッスンする方法は?

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>

注: このアプローチでは、目的の要素が 内にあることを前提としています。要素。セレクタが他のコンテナ内にネストされている場合は、それに応じてセレクタを調整します。

注意事項:

• この方法は、標準に準拠したブラウザ (IE9 など) にのみ適用されます。 .
• 古い IE バージョン (IE8 など) の場合、attachEvent を使用した適切なネイティブ関数のカスタム ラッパーが必要になる場合があります。

以上がjQueryを使わずに動的に作成された要素でイベントをリッスンする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。