Wie kann ich CSS-Eigenschaftsänderungen in jQuery erkennen?

Erkennen von CSS-Eigenschaftsänderungen mit jQuery

In JavaScript können Sie Änderungen an den CSS-Eigenschaften eines Elements mithilfe der in DOM L2 vorhandenen Mutationsereignisse erkennen Veranstaltungsmodul. Eines dieser Ereignisse, DOMAttrModified, überwacht speziell Änderungen an Elementattributen, einschließlich Stilattributen.

Um dieses Ereignis in jQuery zu verwenden, fügen Sie einfach einen Ereignis-Listener an das Element an, das Sie überwachen möchten. Zum Beispiel:

<code class="js">$("element").on("DOMAttrModified", function(e) {
  if (e.attrName === "style") {
    console.log("Style changed: ", e.prevValue, " -> ", e.newValue);
  }
});</code>

Dieser Code protokolliert die vorherigen und neuen CSS-Stile, wann immer das „style“-Attribut des Elements geändert wird.

Alternativen

Wenn DOMAttrModified in dem Browser, auf den Sie abzielen, nicht unterstützt wird, besteht ein alternativer Ansatz darin, das im Internet Explorer verfügbare Ereignis „propertychange“ zu verwenden. Dieses Ereignis kann auch Stiländerungen erkennen.

Hinweis

Es ist wichtig zu beachten, dass Mutationsereignisse, einschließlich DOMAttrModified, veraltet sind. Stattdessen wird die Verwendung von MutationObserver zur Überwachung von DOM-Änderungen, einschließlich CSS-Eigenschaftsänderungen, empfohlen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Eigenschaftsänderungen in jQuery erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!