javascript - addEventListener 不会在 IE 中点击时触发

Question

我有以下代码，点击上述元素时不会出现“警报”。 但是我使用的 IE(版本 10)似乎支持 addEventListener，因为我检查了另一个简单的程序，它工作正常。

var iframe1 = document.getElementsByName('frStatus')[0];
var innerDoc = (iframe1.contentDocument) ? iframe1.contentDocument : iframe1.contentWindow.document;
innerDoc.getElementById('slow_jquery').innerHTML = slowjquerycount;
innerDoc.getElementById('slow_jquery').style.color="red";
console.log("doc"+document.getElementById("slow_jquery"));
innerDoc.getElementById('slow_jquery').addEventListener("click", function(){
       alert("event listener");
});

对应的html是

<span id="slow_jquery" style="cursor:pointer;color:green;">0</span>

当执行上述代码并单击元素时，不会抛出任何错误，控制台上也不会出现警告，也不会显示警告消息。代码有什么问题吗？任何帮助都会有很大用处。

提前致谢。

注意: - 已经尝试使用 z-index 来确保元素不会隐藏在另一个元素后面。 - 代码在 Chrome 中运行良好。 - 确保 IE-10 支持 addEventListener。

Answer 1

尝试 element.onclick=function 而不是注册 'click' 事件监听器。