如何检测CSS值何时发生变化

How to detect when CSS value has changed?

本文关键字：何时发变化 CSS 何检测检测更新时间：2023-09-26

想象一个嵌入文本的图标，它应该被视为文本的一部分，并且表现得像一个字母。为了达到这个目的，它应该和周围的文字有相同的颜色。在jQuery中找到合适的颜色很容易。

问题是颜色可能会改变。脚本可以更改CSS值，也可以在:hover伪类中设置不同的值，等等。在这个例子中，我遇到的是上面几个级别的div的:hover值。图标周围的文字颜色改变了，但我如何检测到这个事件，以便调整图标本身?

我可能是错的，但我确信没有这样的事情比"更改事件"的CSS样式。在一些现代浏览器中，有一个DOMSubtreeModified事件，但我不认为仅仅通过更改这样的属性就会触发这个事件。

因此，确定此处更改的唯一方法是设置一个间隔(window.setInterval)并每x毫秒检查一次更改(在这里选择一个合适的x)。