Javascript 跨浏览器addEventListener
我使用了多个EventListener,但这一个在IE中不起作用:Javascript 跨浏览器addEventListener,javascript,html,button,event-handling,Javascript,Html,Button,Event Handling,我使用了多个EventListener,但这一个在IE中不起作用: document.querySelector('#assets').addEventListener('loaded', function () { document.getElementById('startbutton').style.display = "inline"; }); document.querySelector('#assets').addEventListener('loaded', function
document.querySelector('#assets').addEventListener('loaded', function () {
document.getElementById('startbutton').style.display = "inline";
});
document.querySelector('#assets').addEventListener('loaded', function () {
document.getElementById('loadingbutton').style.display = "none";
});
我希望在加载资产时显示一个按钮,然后在加载资产后立即删除显示无的按钮。问题是loadingbutton没有被删除,所以样式没有被应用。这只发生在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>
准备好了吗
加载。。。
侦听的元素与事件相同。您应该组合回调函数,如下所示:
document.querySelector('#assets').addEventListener('loaded', function (){
// display #startbutton and hide #loadingbutton
document.getElementById('startbutton').style.display = "inline";
document.getElementById('loadingbutton').style.display = "none";
});
监听的两个事件都是相同的,组合回调命令,并在那里保存一些字节。您有一个工作代码示例吗?