javascript - 你如何让突变观察者检测文本区域的值变化？

Question

我已经看到突变观察器用于在修改 dom 时获取 dom 的属性，例如使用 google chrome 开发人员工具。但是，当 textarea 中的文本因用户键入或粘贴而发生更改时，我无法找到如何调用函数。在我的代码中，当用户键入时，回调不会被调用，即使所有观察选项都设置为 true。这个的代码是什么？

Answer 1

变异观察者监听 DOM 的变化。但是，DOM 并未反射(reflect)表单元素的当前状态。

例如，创建一个输入元素 input 而不设置 value 属性。在输入字段中输入文本时，input.value 会反射(reflect)该文本。另一方面，input.getAttribute('value') 仍然返回 null。

因此，突变观察者无法观察到表单字段状态的这种变化。

(建议的 ECMAScript 第 6 版的 Object.observe 也无济于事。虽然可以在最新版本的 Chrome 中监听宿主对象的变化，但宿主对象属性的变化，例如 value em>上面的输入没有被观察到。)