javascript - 如何检测 CSS 值何时更改?

标签 javascript jquery css jquery-events

想象一个嵌入文本中的图标,它应该被视为文本的一部分,并且表现得像一个字母。为此,它应该与周围的文本具有相同的颜色。在 jQuery 中找到正确的颜色很容易。

问题是颜色可能会改变。脚本可能会更改 CSS 值,或者可能会在 :hover 伪类中设置不同的值,等等。在我遇到的情况下,它是上面几个级别的 div 的 :hover 值。图标周围的文字颜色发生变化,但如何检测此事件以调整图标本身?

最佳答案

我可能弄错了,但我确信不存在 CSS 样式的“更改事件”。在一些现代浏览器中有一个 DOMSubtreeModified 事件,但我认为这甚至不会仅仅通过改变这样的属性来触发。

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

关于javascript - 如何检测 CSS 值何时更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8401013/

相关文章:

css - 减少顶部行之间的差距

android - iframe 不显示在手机屏幕上

javascript - 是否可以强制 jQuery.jScrollPane 始终显示垂直滚动条?

javascript - 选择下拉表单验证(显示文本)

javascript - 在 Facelets 中使用 JavaScript 时出现 XHTML 解析错误

javascript - jQuery 日期选择器 : Convert select dropdown into ul

javascript - 每 5 个元素创建一个新对象

javascript - 将YouTube视频/播放列表嵌入到所见即所得编辑器中

jquery - 如何使用 jQuery 删除 div 内的加号(但不删除减号)?

css - 如何在不同的导航器和操作系统中呈现 Segoe UI 字体