JavaScriptに新しい要素を追加するなどのイベントをリッスンする

Question

新しい要素がドキュメントまたはその子に追加されると、イベントハンドラーが呼び出されるように、イベントリスナーを作成する必要があります。

これを使用してこれを行う方法のアイデアはありますか？

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved')

これは、要素が挿入または削除されたことを確認するイベントです。

このイベントを親要素にバインドします。

ハンドラで関数を呼び出します

jsフィドルデモ： http://jsfiddle.net/PgAJT/

ここをクリック例... http://help.dottoro.com/ljmcxjla.php

Answer 2

変異イベントは非推奨です。代わりに Mutation Observer を使用してください。 arrive.js ライブラリを使用することもできます。これは内部でMutation Observerを使用し、要素の作成と削除をリッスンするための素敵なシンプルなAPIを提供します。

$('#container').arrive('.mySelector', function(){
    var $newElem = $(this);
});

Answer 3

DOMNodeInsertedは、DOMレベル3の推奨事項で廃止されています。それらを使用すると、ブラウザの速度が低下します（彼らは言う）。必要に応じて、要素を挿入するコード内でカスタムイベントをトリガーすることは理にかなっています。