ホームページ >ウェブフロントエンド >htmlチュートリアル >動的に生成された HTML タグのバインディング イベントを実装する方法

動的に生成された HTML タグのバインディング イベントを実装する方法

零到壹度
零到壹度オリジナル
2018-03-24 11:28:522506ブラウズ

js を使用して HTML 内にタグを動的に生成した後、生成された HTML タグにイベントをバインドするにはどうすればよいですか? 多くの方法を試した後、バインドできません。今日はエディターに従って解決策を見てみましょう。

失敗したケース:

$("#id").change(function(){
    console.log('需要执行的事情');
});

は、上記の方法を使用すると、JS によって生成された ID='id' の HTML タグを変更イベントにバインドできないことがわかりました。長い間考えた後、最終的に方法を見つけました。

正しいアプローチ:

$(document).change("#id",function(){console.log("需要执行的事情")
});

は、この磁気エネルギーのみがイベントをバインドできること、そして他のイベントもこの方法でバインドできることを発見しました

関連する推奨事項:

HTML で動的に生成されたコンテンツのイベント バインディングの問題

HTMLで動的に作成したタグがjsイベントにバインドできない問題の解決策

イベントにバインドできない動的に生成されたタグについて

以上が動的に生成された HTML タグのバインディング イベントを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。