내 JavaScript 'animate' 기능이 IE에서는 작동하지만 Chrome에서는 실패하는 이유는 무엇입니까?

IE에서 작동하지만 Chrome에서 JavaScript 함수 'animate'가 실패함

문제:

다음을 통해 호출되는 애니메이션 함수 이벤트 핸들러 콘텐츠 속성이 Chrome에서는 실행되지 않지만 인터넷에서는 정상적으로 작동합니다. Explorer.

설명:

Chrome에서 전역 애니메이션 기능은 최근 웹 애니메이션에 도입된 Element.prototype.animate에 의해 가려집니다. 이 섀도잉은 전역 범위보다 대상 요소의 범위를 우선시하는 이벤트 핸들러의 어휘 환경 범위로 인해 발생합니다.

해결책:

문제를 해결하려면 , 다음 중 하나를 수행할 수 있습니다.

• 애니메이트 이름 바꾸기 함수: Element.prototype.animate 함수와의 혼동을 방지하려면 animate__와 같은 다른 이름을 사용하십시오.

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

• bind() 메서드를 사용하세요. : 전역 개체 내에서 항상 실행되도록 애니메이션 기능을 전역 개체에 바인딩합니다. 범위.

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

위 내용은 내 JavaScript 'animate' 기능이 IE에서는 작동하지만 Chrome에서는 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!