Pourquoi ma fonction « animer » ne fonctionne-t-elle pas dans Chrome, mais fonctionne dans 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";
}

2. É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);

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!