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

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

JavaScript では、DOM L2 に存在する Mutation Events を使用して要素の CSS プロパティの変更を検出できます。イベントモジュール。これらのイベントの 1 つである 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 がサポートされていない場合、別のアプローチとして「propertychange」を使用します。 Internet Explorer で利用できるイベント。このイベントはスタイルの変更も検出できます。

注

DOMAttrModified を含む Mutation イベントは非推奨になったことに注意することが重要です。 CSS プロパティの変更を含む DOM の変更を監視するには、代わりに MutationObserver の使用をお勧めします。

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