jQuery を使用して CSS プロパティの変更を検出するにはどうすればよいですか?

Jquery を使用した CSS プロパティの変更の検出

問題:

オブジェクトの "display" CSS プロパティの変更の検出HTML 要素は動的な 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 ユーザーの場合、「propertychange」イベントは DOMAttrModified の代わりに使用できます:

<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 プロパティの変更を効果的に検出し、開発者が CSS プロパティの変更を強化できるようにします。 Web アプリケーションの応答性と対話性。

以上がjQuery を使用して CSS プロパティの変更を検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。