javascript - イベント バインディングと innerHTML の変更

Question

たとえば、テーブルに含まれる複数の要素にイベントをバインドした場合。新しい文字列を作成して割り当てることでこのテーブルを再生成するinnerHTMLと、イベントはまだバインドされていますか? それらをすべて再バインドする必要がありますか?

手動でjQuery.delegate変更しても機能しますか?innerHTML

Answer 1

それらを再バインドする必要がありますが、ボディやドキュメントのように常にDOMにある要素にバインドすると、jquerydelegateまたはnewが機能します。on

$('body').on('click', 'table td', function() {

});

Answer 2

このテーブルの innerHTML を再生成して、新しい文字列を作成して割り当てると、イベントはまだバインドされていますか?

いいえ。

それらをすべて再バインドする必要がありますか?

はい。

innerHTML を手動で変更した場合、jQuery.delegate も機能しますか?

innerHTMLが呼び出された要素の を変更している場合は.delegate()、いいえ。その子の 1 つを変更している場合はinnerHTML、はい。

Answer 3

確実に再バインドする必要があります。innerhtml を再生成すると、その中にあった dom 要素とそれらのバインディングが破棄されます。