首頁  >  文章  >  web前端  >  如何偵測 jQuery 中 CSS 屬性的變化?

如何偵測 jQuery 中 CSS 屬性的變化?

DDD
DDD原創
2024-10-31 16:26:30443瀏覽

How can I detect CSS property changes in jQuery?

使用jQuery 檢測CSS 屬性變更

在JavaScript 中,您可以使用DOM L2 中存在的突變事件來偵測元素CSS 屬性的元素CSSSS 屬性的元素CSSSS 屬性的元素CSSSS 屬性的元素CSSSS 屬性的更改事件模組。其中一個事件 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn