検索

ホームページ  >  に質問  >  本文

javascript - イベントバインドをリッスンするネイティブ JS を使用して、より多くのロードされたタグをバインドする方法

一部のプロジェクトでは JS テンプレートを使用していますが、テンプレート内のタグは HTML タグであり、その文字列は正常に実行されません。ページの最初に読み込まれたタグに対してイベント バインディングが実行された後、後から読み込まれたタグが後で読み込まれます。 jQuery が使用されていない限り、イベント バインディングをリッスンして実装するために何を使用すればよいのかわかりません。
プロジェクトではjQueryやzetpoなどのフレームワークは使用できないと規定されているので、質問と同様にお聞きしたいです。

リーリー
天蓬老师天蓬老师2740日前932

全員に返信(3)返信します

  • 巴扎黑

    巴扎黑2017-06-26 10:58:02

    イベントの委任、最も基本的なコードは次のとおりです。

    リーリー

    ドキュメントは他の要素で置き換えることができますが、置き換えられる要素は最初から存在している必要があります。ページのロード後に動的に追加することはできません。

    返事
    0
  • ringa_lee

    ringa_lee2017-06-26 10:58:02

    通常イベント委任

    返事
    0
  • 漂亮男人

    漂亮男人2017-06-26 10:58:02

    イベントの委任は正しいです。端的に言えば、@Waiting for You の回答で原理が説明され、基本的な問題が解決されます。ただし、実際のアプリケーションでは、バブリング プロセス中に発生した要素ではなく、最終的にクリックされた要素しか処理できません。

    バブリングプロセスの例を書きました: https://jsfiddle.net/4L7p5drb/1/

    リーリー

    返事
    0
  • キャンセル返事