首頁 > web前端 > css教學 > 為什麼我的「animate」功能在 Chrome 中不起作用,但在 Internet Explorer 中起作用?

為什麼我的「animate」功能在 Chrome 中不起作用,但在 Internet Explorer 中起作用?

Barbara Streisand
發布: 2024-12-10 17:09:10
原創
135 人瀏覽過

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

animate 函數在Chrome 中不起作用,但在IE 中起作用

在這種情況下,animate 函數在Chrome 中不起作用,但它在Internet Explorer 中完美運行。這個問題源自於全域 animate 函數與 Web 動畫中引入的 Element.prototype.animate 函數之間的陰影衝突。

要解決此問題,請考慮以下步驟:

  1. 重新命名全域函數:將全域動畫函數重新命名為不同的名稱,例如animateElement:
function animateElement() {
  var div = document.getElementById('demo');
  div.style.left = "200px";
  div.style.color = "red";
}
登入後複製
  1. 避免使用事件處理程序: 將函數定義為外部腳本或事件偵聽器內部,而不是使用事件處理程序內容屬性:
document.getElementById('demo').addEventListener('click', animateElement);
登入後複製

以上是為什麼我的「animate」功能在 Chrome 中不起作用,但在 Internet Explorer 中起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板