'animate' 기능이 Chrome에서는 작동하지 않지만 Internet Explorer에서는 작동하는 이유는 무엇입니까?

animate 기능이 Chrome에서는 작동하지 않지만 IE에서는 작동합니다

이 시나리오에서 animate 기능은 Chrome에서 작동하지 않지만 Internet Explorer에서 완벽하게 작동합니다. 이 문제는 전역 애니메이션 기능과 웹 애니메이션에 도입된 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!