为什么我的 JavaScript `animate` 函数在 IE 中可以工作，但在 Chrome 中却失败？

尽管在 IE 中工作，JavaScript 函数“animate”在 Chrome 中失败

问题：

动画函数，通过调用事件处理程序内容属性，在 Chrome 中无法执行，但在 Internet 中正常运行Explorer.

说明：

在 Chrome 中，全局 animate 函数被最近在 Web 动画中引入的 Element.prototype.animate 所掩盖。这种阴影是由于事件处理程序的词法环境作用域引起的，该作用域优先考虑目标元素的作用域而不是全局作用域。

解决方案：

解决该问题，您可以：

• 重命名动画函数： 使用不同的名称，例如 animate__，以防止与 Element.prototype.animate 函数混淆。

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

• 使用 bind() 方法: 将 animate 函数绑定到全局对象，以确保它始终在全局对象内执行范围。

document.getElementById('demo').addEventListener('click', function() {
  animate().bind(window);
});

以上是为什么我的 JavaScript `animate` 函数在 IE 中可以工作，但在 Chrome 中却失败？的详细内容。更多信息请关注PHP中文网其他相关文章！