addEventListener 的 Javascript 代码不起作用!？ (点击后打开放大的图片)

Question

每当单击图像时，该图像都应单独显示在新窗口中。它应该完全用 javascript 完成(因此不应使用 HTML 中的 onclick 函数)并且不使用 jquery。我做了一些研究并成功做到了这一点:

Javascript

var img = document.getElementsByTagName("img");
for(var i=0; i < img.length; i++) {
   img[i].addEventListener("click", enlarge);
}

function enlarge() { 
   window.open(this.src); 
}

不幸的是，单击任何图像时都没有任何反应，我不明白为什么。谁能帮我解决我的这个问题吗？预先感谢您!

Answer 1

你的代码应该可以正常工作检查 https://jsfiddle.net/3hgkaxgv/1/

导致您的问题的可能原因是:

浏览器兼容性或者您已经附加了某些内容或捕获了点击事件。

编辑:

如果记录了注册点击，请尝试新的更改，那么您可能已禁用弹出窗口或类似的内容。

试试这个而不是你的代码。

var img = document.getElementsByTagName("img");
for(var i=0; i < img.length; i++) {
   img[i].onclick = enlarge;
}

function enlarge() { 
   console.log('click registered ');
   window.open(this.src); 
}