意外的突变观察者行为

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

问题与不同的代码块有关。 除characterData之外的所有类型均被过滤掉。 我没注意到。