HTML:跟踪一个元素从只读变为非只读?

Question

我正在寻找一个解决方案来跟踪当一个HTML元素(标签，像一个文本区域输入框)从属性'只读'改变为非只读(有属性删除，据我所知)。我还没有找到一种方法来做到这一点在Chrome开发工具或香草JavaScript或jQuery(我没有使用火狐在很长一段时间的web开发，对不起)。

如果我能捕捉到这个错误，并将其打印到console.log中，那就太好了，这样我就可以跟踪它发生的时间，因为在某些情况下我无法重现用户报告的错误。

我已经看到了一些关于MutationObserver的事情，尽管它似乎是一个废弃的项目，我不确定这是一条好的道路。我知道我可以在Chrome开发工具中查找一些事件，但也许我只是没有看到我要找的东西。

Answer 1

MutationObserver并没有完全被抛弃，它是一个现代的浏览器API，可以为您完成这项工作。在那一页上有一个例子，你可以使用几乎所有的方框。

这是你需要处理的部分:

// modify this to check if `mutation.attributeName` === `readonly`
if (mutation.type === 'attributes') {
console.log('The ' + mutation.attributeName + ' attribute was modified.');
}