addEventListener не запускается при нажатии в IE

Question

У меня есть код ниже, и «alert» не происходит при щелчке по указанному элементу. Но addEventListener, похоже, поддерживается IE, который я использую (версия 10), когда я проверил с другой простой программой, и он работал нормально.

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' прослушиватель событий.

Answer 2

Вы пытаетесь связать прослушиватель с динамически добавленным элементом. Это легко в jQuery с .on(). В простой JS это немного сложнее: вам нужно будет использовать делегирование событий.

Убедитесь, что аргумент querySelector является элементом, который существует при загрузке и не добавляется динамически! В этом случае я предполагаю, что iframe1 является таким элементом.

document.querySelector(iframe1).addEventListener("click", function(event) { 
    if (event.target.id === "slow_jquery") { 
    alert("event listener"); 
    } 
}); 

Также см этот answer:

предостережений! В примере Fiddle используется только код для совместимых со стандартами браузеров (то есть IE9 + и почти каждая версия для всех остальных). Если вам нужно поддерживать «старый IE» attachEvent, тогда вам также захочется предоставить свои собственные пользовательская обертка вокруг собственных функций. (Есть много хороших обсуждения там об этом, мне нравится решение Николас Zakas обеспечивает в своей книге Профессиональный JavaScript для веб-разработчиков.)