意外的突变观察者行为

Question

我在使用contenteditable="true"时遇到问题。

基本上我所拥有的是突变观察器，所有选项都设置为 true。

function callback() {
  console.log("callback");
}
let myInput = document.getElementById("myInput");
myInput.focus();
let config/*: MutationObserverInit*/ = {
  attributes: true,
  characterData: true,
  childList: true,
  subtree: true,
  attributeOldValue: true,
  characterDataOldValue: true
};
let mutationObserver = new MutationObserver(callback);
mutationObserver.observe(myInput, config);

#myInput {
  border: 1px solid #ddd;
}

<div contenteditable id="myInput">

所以我可以处理打字，删除我的div中的部分文本。

但是当我尝试删除所有文本事件时不会触发。

可能出了什么问题？

Answer 1

问题与不同的代码块有关。除字符数据外的所有类型都被过滤掉。我没有注意到这一点。