Mengapa Fungsi `bernyawa` Saya Tidak Berfungsi dalam Chrome, tetapi Berfungsi dalam Internet Explorer?

Fungsi animasi Tidak Berfungsi dalam Chrome Tetapi Berfungsi dalam IE

Dalam senario ini, fungsi animasi tidak berfungsi dalam Chrome, tetapi ia berfungsi dengan sempurna dalam Internet Explorer. Isu ini berpunca daripada konflik membayangi antara fungsi animasi global dan fungsi Element.prototype.animate yang diperkenalkan dalam Animasi Web.

Untuk menyelesaikan isu ini, pertimbangkan langkah berikut:

1. Namakan semula Fungsi Global: Namakan semula fungsi animasi global kepada nama lain, seperti animateElement:

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

2. Elakkan Menggunakan Pengendali Acara: Takrifkan fungsi sebagai skrip luaran atau di dalam pendengar acara dan bukannya menggunakan atribut kandungan pengendali acara:

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

Atas ialah kandungan terperinci Mengapa Fungsi `bernyawa` Saya Tidak Berfungsi dalam Chrome, tetapi Berfungsi dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!