Maison > interface Web > tutoriel CSS > Pourquoi ma fonction « animer » ne fonctionne-t-elle pas dans Chrome, mais fonctionne dans Internet Explorer ?

Pourquoi ma fonction « animer » ne fonctionne-t-elle pas dans Chrome, mais fonctionne dans Internet Explorer ?

Barbara Streisand
Libérer: 2024-12-10 17:09:10
original
139 Les gens l'ont consulté

Why Doesn't My `animate` Function Work in Chrome, but Works in Internet Explorer?

La fonction d'animation ne fonctionne pas dans Chrome mais fonctionne dans IE

Dans ce scénario, la fonction d'animation ne fonctionne pas dans Chrome, mais elle fonctionne parfaitement dans Internet Explorer. Le problème provient d'un conflit d'observation entre la fonction d'animation globale et la fonction Element.prototype.animate introduite dans les animations Web.

Pour résoudre ce problème, envisagez les étapes suivantes :

  1. Renommer la fonction globale : Renommez la fonction d'animation globale sous un nom différent, tel que animateElement :
function animateElement() {
  var div = document.getElementById('demo');
  div.style.left = "200px";
  div.style.color = "red";
}
Copier après la connexion
  1. Évitez d'utiliser des gestionnaires d'événements : Définissez la fonction en tant que script externe ou à l'intérieur d'un écouteur d'événement au lieu d'utiliser les attributs de contenu du gestionnaire d'événements :
document.getElementById('demo').addEventListener('click', animateElement);
Copier après la connexion

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal