クロスブラウザのaddEventListener

Question

私は複数のEventListenerを使用しているが、この特定の一つはIEで動作していない：

document.querySelector('#assets').addEventListener('loaded', function() { 
document.getElementById('startbutton').style.display = "inline"; 
}); 

document.querySelector('#assets').addEventListener('loaded', function() { 
document.getElementById('loadingbutton').style.display = "none"; 
}); 

私は資産負荷ながらボタンを表示し、その後、すぐに資産を持っているように、ディスプレイなしでボタンを削除したいですロードされる。問題は、読み込みボタンが削除されないため、スタイルが適用されないことです。これはInternet Explorerでのみ発生します。どのように私はそれが動作するようにattachEventで記述しますか？

ボタンのHTML：

<button id="startbutton" class="my_popup_close button" onclick="playSound();setTimeout(showDiv, 2000);" name="answer" value="Show Div" style="display: none;">Ready</button> 

<button class="buttonloading loader" id="loadingbutton">Loading<span class="loader__dot">.</span><span class="loader__dot">.</span><span class="loader__dot">.</span></button> 

Answer 1

ザ要素を聞いが同じで、ならびにイベント。

document.querySelector('#assets').addEventListener('loaded', function(){ 
    // display #startbutton and hide #loadingbutton 
    document.getElementById('startbutton').style.display = "inline"; 
    document.getElementById('loadingbutton').style.display = "none"; 
});