如何使用 jQuery 檢測 CSS 屬性的變化？

使用Jquery 偵測CSS 屬性的變更

問題：

偵測「顯示」CSS 屬性的變更動態Web 開發至關重要。使用者經常尋求方法來監視此類屬性變更。

解決方案：

雖然沒有專門設計用於檢測 CSS 屬性變更的原生事件，但 DOM L2 事件模組定義突變事件。其中，DOMAttrModified事件可以用來觀察元素屬性的變化，包括樣式屬性。

實作：

<code class="js">document.documentElement.addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    console.log('prevValue: ' + e.prevValue, 'newValue: ' + e.newValue);
  }
}, false);

document.documentElement.style.display = 'block';</code>

替代方案：

對於Internet Explorer 使用者，「「 ：

<code class="js">document.documentElement.addEventListener('propertychange', function(e){
  if (e.propertyName === 'style') {
    console.log('prevValue: ' + e.oldValue, 'newValue: ' + e.newValue);
  }
}, false);

document.documentElement.style.display = 'inline-block';</code>

這些方法可以有效檢測CSS 屬性修改，使開發人員能夠增強他們的網路應用程式的回應能力和互動性。

以上是如何使用 jQuery 檢測 CSS 屬性的變化？的詳細內容。更多資訊請關注PHP中文網其他相關文章！