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