如果它的目标节点本身在 javascript 中被移除，我希望变异观察者监听

Question

我在目标节点上使用变异观察器。如果任何子节点或属性发生变化，它就会触发。但是我有一个案例，我必须处理目标节点本身被删除的情况。这是行不通的。有办法处理吗？

Answer 1

MutationObservers 可以观察 3 件事：

属性更改
文本内容更改
子列表更改

然后可以选择冒泡这些更改事件，因此如果您想同时更改目标和目标的所有子项，您可以这样做。

这意味着您无法通过倾听目标来完成您想要的。您需要将观察者附加到目标的父节点，并监听父节点上的 childList 更改，该更改删除了您要跟踪的节点。

例如而不是你所希望的这个假例子

var observer = new MutationObserver(callback);
observer(target, {
  // Fake non-existent option
  parent: true
});

你会

var observer = new MutationObserver(function(mutations){
   var targetRemoved = mutations.some(function(mutation){
     return mutation.removedNodes.indexOf(target) !== -1;
   });

   if (targetRemoved) callback();
});
observer(target.parentNode, {
  childList: true
});

Answer 2

can-dom-mutate 可以这样做：

import domMutate from "can-dom-mutate";
domMutate.onNodeRemoval(yourEleement, function(){

})

它通过侦听整个文档以删除元素来完成此操作。

如果它的目标节点本身在 javascript 中被移除，我希望变异观察者监听

I want the mutation observer to listen if its target node is itself is removed in javascript

javascript

dom

mutation-observers