如何检测从dom元素添加/删除的元素？

Question

说我有一个div#parent和我append以及remove使用jquery元素吧.我怎样才能检测到div#parent元素发生这种事件的时间？

Answer 1

不要使用像DOMNodeInserted和DOMNodeRemoved这样的突变事件.

相反,使用DOM Mutation Observers,除了IE10和更低版本(我可以使用)之外的所有现代浏览器都支持它.突变观察者旨在取代突变事件(已被弃用),因为它们的设计存在缺陷,因此发现它们的性能较低.

var x = new MutationObserver(function (e) {
  if (e[0].removedNodes) console.log(1);
});

x.observe(document.getElementById('parent'), { childList: true });

Answer 2

使用@Qantas在他的回答中建议的变异观察者

以下方法已弃用

您可以使用DOMNodeInserted和DOMNodeRemoved

$("#parent").on('DOMNodeInserted', function(e) {
    console.log(e.target, ' was inserted');
});

$("#parent").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' was removed');
});

MDN文档