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 サイトの他の関連記事を参照してください。