首页 > web前端 > js教程 > 如何检测 jQuery 中 CSS 属性的变化?

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

DDD
发布: 2024-10-31 16:26:30
原创
596 人浏览过

How can I detect CSS property changes in jQuery?

使用 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板