为什么我的'animate”功能在 Chrome 中不起作用，但在 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";
}

2. 避免使用事件处理程序： 将函数定义为外部脚本或事件侦听器内部，而不是使用事件处理程序内容属性：

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

以上是为什么我的'animate”功能在 Chrome 中不起作用，但在 Internet Explorer 中起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！