JS：检测受监视的div的dom突变（或将inner-HTML更改为事件监听器）

Question

:)

我正在使用NicEdit WYSIWYG编辑器。 DIV修补了一个隐藏的textarea字段。

问题是所有更改都只在onSubmit（）上同步。

现在，我需要一种方法来监听更改。例如，在更改内容（输入）（标记为未保存）时更改字段的背景色。但是据我所知，还没有addEventListener可以更改InnerHTML。因此，也许可以使用像domMutationObserver这样的回调函数。但是我不知道如何处理。

js代码：

let domField = document.querySelector('.contents .subpage[data-pagename="Index"][data-culture="en-US"] .nicEdit-main');

我可以检测到编辑器div的选择器。那么如何检测此元素/节点内部的更改？

我读了一些有关“观察者”的信息，以检测dom突变。也许有人可以给我一个简单的例子。

感谢一切。 ;）

Answer 1

    var app = document.getElementById('app')
    var handle = {
      set(target, property, value) {
        console.log(value);
        target[property] = value
        return value
      }
    }
    var style = new Proxy(app.style, handle)
    setTimeout(() => {
      style.background = "red"
      style.height = "200px"
      style.width = "200px"
    }, 2000)