Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-10-31 16:26:30
original
440 Les gens l'ont consulté

How can I detect CSS property changes in 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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!