主页 / 问题 / 1131440
Accepted
Leks
Asked:2020-05-26 04:46:53 +0000 UTC2020-05-26 04:46:53 +0000 UTC

MutationObserver 如何撤消文本中的更改

  • 772

let b = new MutationObserver(a => {
  console.log(a); // console.log(изменения)
});

// наблюдать за всем, кроме атрибутов
b.observe(elem, {
  childList: true, // наблюдать за непосредственными детьми
  subtree: true, // и более глубокими потомками
  characterDataOldValue: true  // передавать старое значение в колбэк
});
<div contentEditable id="elem">Отредактируй <b>меня</b>, пожалуйста</div>

如何使用观察者不改变我这个词？

javascript

1 个回答

  1. Best Answer

    浏览器无法撤消更改，它只会谈论它们。但是没有什么能阻止你自己保存状态并在正确的情况下回滚

    let prevState = elem.innerHTML, b = new MutationObserver(a => {
  if (!elem.innerHTML.match(/<b>меня<\/b>/))
    elem.innerHTML = prevState;
  prevState = elem.innerHTML;
});

// наблюдать за всем, кроме атрибутов
b.observe(elem, {
  childList: true, // наблюдать за непосредственными детьми
  subtree: true, // и более глубокими потомками
  characterDataOldValue: true  // передавать старое значение в колбэк
});
    <div contentEditable id="elem">Отредактируй <b>меня</b>, пожалуйста</div>

    • 0

相关问题