html - 加载页面后如何跟踪 HTML 页面上内容的变化

Question

我正在为这个问题绞尽脑汁。

在浏览器中加载 HTML 文档后，我希望能够监控页面以防内容因任何原因发生变化。

是否有一个 Javascript 函数，我可以使用它来跟踪“有什么”在网页上更改'。这应该与 HTML 页面上的内容类型无关。

我有两个例子供你思考:

例子1:

假设在 HTML 文档中有两个选择框 s1 和 s2。s2 中的项目列表取决于 s1 中的选择(页面不是refreshed——也就是说，s2 是通过 Ajax 或其他方式加载的)。因此，在加载 HTML 页面后，我需要在 s2 时收到通知人口稠密...

例子2:

例如，在一个 HTML 页面中，有一个链接，单击它会弹出一个轻型窗口div 是用一些文本创建的。如何捕获此动态弹出窗口的内容？

在所有这些讨论中，我没有考虑任何特定的HTML 格式...HTML 内容可以是任何内容...我只需要继续跟踪页面加载后是否有任何内容更改...

理想情况下，我需要使用 JavaScript(客户端脚本)。我怎样才能做到这一点？

Answer 1

您可以使用 onkeyup 跟踪文本框中的更改。每次有人在给定的文本框中进行更改时，这都会告诉您。

这可能会触发很多事件。但是，使用 onblur 不一定会告诉您有关文本框的更改，并且 onchange 的浏览器覆盖范围充其量只是参差不齐。