javascript - 如何在 dom 节点移除、属性修改时添加监听器？

Question

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

正如您在下图中看到的那样，webkit它意味着这些听众存在。

如果有任何 jQuery 函数请告知。

谢谢。

Answer 1

实际上，你不能指望 Javascript 有一个方法或侦听器来处理 webkits 开发工具可以做的任何事情。它是一个内置调试器和控制台，其可能性远远超出。

但是，有可用的所谓的突变事件，请参阅MDN

一个典型的电话看起来像

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

这将触发来自ID 为foo的节点的任何属性更改。需要注意的是，突变事件已被弃用，将来可能无法以当前形式提供。

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);
    }
})();