Warum funktioniert meine „animieren'-Funktion nicht in Chrome, aber im Internet Explorer?

Animationsfunktion funktioniert nicht in Chrome, funktioniert aber im IE

In diesem Szenario funktioniert die Animationsfunktion nicht in Chrome, aber sie funktioniert Funktioniert im Internet Explorer einwandfrei. Das Problem ist auf einen Schattenkonflikt zwischen der globalen Animationsfunktion und der in Web Animations eingeführten Funktion Element.prototype.animate zurückzuführen.

Um dieses Problem zu beheben, beachten Sie die folgenden Schritte:

1. Globale Funktion umbenennen: Benennen Sie die globale Animationsfunktion in einen anderen Namen um, z animateElement:

function animateElement() {
  var div = document.getElementById('demo');
  div.style.left = "200px";
  div.style.color = "red";
}

2. Vermeiden Sie die Verwendung von Event-Handlern: Definieren Sie die Funktion als externes Skript oder innerhalb eines Event-Listeners, anstatt Event-Handler-Inhaltsattribute zu verwenden:

document.getElementById('demo').addEventListener('click', animateElement);

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine „animieren'-Funktion nicht in Chrome, aber im Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!