Comment puis-je détecter les modifications des propriétés CSS dans jQuery ?

Détection des modifications des propriétés CSS avec jQuery

En JavaScript, vous pouvez détecter les modifications apportées aux propriétés CSS d'un élément à l'aide des événements de mutation présents dans DOM L2 Module événements. L'un de ces événements, DOMAttrModified, surveille spécifiquement les modifications apportées aux attributs des éléments, y compris les attributs de style.

Pour utiliser cet événement dans jQuery, attachez simplement un écouteur d'événement à l'élément que vous souhaitez surveiller. Par exemple :

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

Ce code enregistrera les styles CSS précédents et nouveaux chaque fois que l'attribut "style" de l'élément est modifié.

Alternatives

Si DOMAttrModified n'est pas pris en charge dans le navigateur que vous ciblez, une approche alternative consiste à utiliser l'événement "propertychange" disponible dans Internet Explorer. Cet événement peut également détecter les changements de style.

Remarque

Il est important de noter que les événements de mutation, y compris DOMAttrModified, sont obsolètes. Au lieu de cela, l'utilisation de MutationObserver est recommandée pour surveiller les modifications du DOM, y compris les modifications des propriétés CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!