意外的突变观察者行为

时间:2018-03-08 18:43:50

标签: javascript contenteditable dom-events

我在使用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">
&#13;
&#13;
&#13;

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

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

有什么不对?

1 个答案:

答案 0 :(得分:0)

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