javascript - DOM ノードの削除、属性の変更にリスナーを追加する方法は?

Question

私は主にモジュールの dom 要素を動的に生成するため、dom ノードの追加/削除と属性の変更にリスナーを追加したいと考えています。

下の図に示すように、webkitこれらのリスナーが存在することを意味するようにしました。

jQuery関数があれば教えてください。

ありがとう。

Answer 1

実際、Webkit 開発者ツールで実行できるメソッドやリスナーが Javascript にあるとは期待できません。その可能性をはるかに超えたビルトインのデバッガーとコンソール。

ただし、 Mutation Eventsと呼ばれる利用可能なものがあります。MDNを参照してください。

典型的な呼び出しは次のようになります

document.getElementsById( 'foo' ).addEventListener('DOMAttrModified', function( e ) {
}, false);

これは、ID fooを持つノードから属性が変更されると起動します。Mutation Eventsは非推奨であり、将来的に現在の形式で利用できなくなる可能性があることに注意してください。

Answer 2

属性変更イベントの場合、次のようなことを試すことができます。

$el.on('attribute:change', function () {...});
$el.attr('selected', 'selected').trigger('attribute:change');

イベントの追加/削除の場合、次のようなことができます:

(function() {
    var ev = new $.Event('remove'),
    orig = $.fn.remove;

    $.fn.remove = function() {
        $(this).trigger(ev);
        return orig.apply(this, arguments);
    }
})();