「アニメーション」機能が Chrome では動作しないのに、Internet Explorer では動作するのはなぜですか?

アニメーション関数が Chrome では動作しないが、IE では動作する

このシナリオでは、アニメーション関数は Chrome では動作しませんが、 Internet Explorer では問題なく機能します。この問題は、グローバル アニメーション関数と 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);

以上が「アニメーション」機能が Chrome では動作しないのに、Internet Explorer では動作するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。