如何检测 jQuery 中 CSS 属性的变化？

使用 jQuery 检测 CSS 属性更改

在 JavaScript 中，您可以使用 DOM L2 中存在的突变事件来检测元素 CSS 属性的更改事件模块。其中一个事件 DOMAttrModified 专门监视元素属性（包括样式属性）的更改。

要在 jQuery 中使用此事件，只需将事件侦听器附加到您想要监视的元素即可。例如：

<code class="js">$("element").on("DOMAttrModified", function(e) {
  if (e.attrName === "style") {
    console.log("Style changed: ", e.prevValue, " -> ", e.newValue);
  }
});</code>

每当修改元素的“style”属性时，此代码都会记录以前和新的 CSS 样式。

替代方案

如果您的目标浏览器不支持 DOMAttrModified，另一种方法是使用 Internet Explorer 中提供的“propertychange”事件。此事件还可以检测样式更改。

注意

需要注意的是，突变事件（包括 DOMAttrModified）已被弃用。相反，建议使用 MutationObserver 来监控 DOM 更改，包括 CSS 属性更改。

以上是如何检测 jQuery 中 CSS 属性的变化？的详细内容。更多信息请关注PHP中文网其他相关文章！