Internet Explorer 9 및 10에서 사용자 지정 Javascript가 실행되지 않음

먼저이 문서는 내 문서의 머리 부분에있는 스크립트입니다.Internet Explorer 9 및 10에서 사용자 지정 Javascript가 실행되지 않음

<script> 
    document.addEventListener("DOMContentLoaded", function() { 
     var e, t = document.querySelectorAll("div.bounceInDown"); 
     for (var n = 0, r = t.length; n < r; n++) { 
      e = Math.round(Math.random() * 7e3) + "ms"; 
      t[n].style.animationDelay = e; 
      t[n].style.WebkitAnimationDelay = e 
     } 
    }, false) 
</script>

이제 키 프레임 애니메이션이있는 "bounceInDown"이라는 클래스가 있습니다. 이 보조 클래스가 적용된 div 요소는 모두 웹 사이트가로드 될 때 이탈합니다. 이제 스크립트가 다른 지연 값으로 바운스를 만듭니다. 그것은 인터넷 탐색기에서 작동하지 않습니다. 이유는 모르겠다. 내 코드에 어떤 문제가 있습니까? 그것은 IE9는 animation을 지원하지 않습니다 우선 잘 IE

를 제외한 모든 브라우저에서

출처

2013-06-12 Damian

코드를 포맷하십시오 (애니메이션 기간과 그 1s 교체)가 읽을 수 있도록 (즉, 여러 줄을 사용하고 적절한 들여 쓰기). 고맙습니다! –

http://stackoverflow.com/questions/1695376/msie-and-addeventlistener-problem-in-javascript addEventListener는 IE에는 적합하지 않습니다. – user2239256

@ user2239256 addEventListener는 IE9에서 지원됩니다. http://msdn.microsoft.com/en-us/library/ie/ff975245%28v=vs.85%29.aspx –

작동

, 그에만 IE10에서 추가되었다 : P에게

을 빼고는에서, 그것은 그것이 전에 애니메이션을 시작하고있다 가능성이 있습니다 DOMContentLoaded 이벤트가 지연을 업데이트 할 수 있습니다. 오히려 CSS에서 애니메이션을 설정하고 JS의 지연을 조정하는 것보다, JS에서 전체 애니메이션을 설정하려고 :

t[n].style.animation = "yourAnimationName 1s "+e;

이

출처

2013-06-12 13:44:15

Im은 Internet Explorer 10에서이 기능을 사용하려고합니다. – Damian

Internet Explorer 9 및 10에서 사용자 지정 Javascript가 실행되지 않음

답변

관련 문제