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

使用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中文網其他相關文章！