如何在dom节点删除，属性修改上添加侦听器？

Question

我想在dom节点添加/删除和属性修改上添加一个监听器，因为我主要为模块动态生成dom元素。

如下图所示，webkit表示这意味着这些听众存在。

如果有任何jquery功能，请告知。

感谢。

Answer 1

实际上，您不能指望Javascript拥有webkits开发人员工具可以执行的任何操作的方法或侦听器。它是一个构建调试器和控制台，可能会超越它。

但是，有可用的 Mutation Events ，请参阅MDN

典型的通话看起来像是

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

将触发来自节点的任何属性更改，其中包含id foo 。需要注意的是， Mutation Events 已被弃用，将来可能无法在当前表单中使用。

Answer 2

对于属性更改事件，您可以尝试使用this。

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

对于添加/删除事件，您可以执行this：

之类的操作

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

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