自定義Javascript沒有在Internet Explorer 9和10中觸發

首先，這是位於我的文檔頭部的腳本。自定義Javascript沒有在Internet Explorer 9和10中觸發

<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元素都應該在網站加載時退出。現在，那裏的腳本會以不同的延遲值進行反彈。它只是在Internet Explorer中不起作用。不知道爲什麼。我的代碼有什麼問題？

它可以在所有的瀏覽器，除了IE

來源

2013-06-12 Damian

請格式化代碼，以便它是可讀（即使用多行和正確的縮進）。謝謝！ –

http://stackoverflow.com/questions/1695376/msie-and-addeventlistener-problem-in-javascript addEventListener不適合IE。 – user2239256

@ user2239256自IE9起，支持addEventListener：http://msdn.microsoft.com/en-us/library/ie/ff975245%28v=vs.85%29.aspx –

那麼對於初學者IE9不支持animation，這是隻加在IE10：從使得p

除此之外，它可能是它開始之前，動畫DOMContentLoaded事件有機會更新延遲。而不是設置在CSS動畫，並調整JS的延遲，請嘗試將整個動畫JS：

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

（替換1s與動畫的持續時間）

來源

2013-06-12 13:44:15

我只是想在Internet Explorer 10中完成這項工作。 – Damian

自定義Javascript沒有在Internet Explorer 9和10中觸發

回答

相關問題