想象一个嵌入文本中的图标,它应该被视为文本的一部分,并且表现得像一个字母。为此,它应该与周围的文本具有相同的颜色。在 jQuery 中找到正确的颜色很容易。
问题是颜色可能会改变。脚本可能会更改 CSS 值,或者可能会在 :hover
伪类中设置不同的值,等等。在我遇到的情况下,它是上面几个级别的 div 的 :hover
值。图标周围的文字颜色发生变化,但如何检测此事件以调整图标本身?
最佳答案
我可能弄错了,但我确信不存在 CSS 样式的“更改事件”。在一些现代浏览器中有一个 DOMSubtreeModified 事件,但我认为这甚至不会仅仅通过改变这样的属性来触发。
因此,这里确定变化的唯一方法是设置一个时间间隔 (window.setInterval) 并每 x 毫秒检查一次变化(在这里选择一个合适的 x)。
关于javascript - 如何检测 CSS 值何时更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8401013/