Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像在浏览器中保持打开状态,而不是运行“单击事件”_Javascript_Html_Css - Fatal编程技术网

Javascript 图像在浏览器中保持打开状态,而不是运行“单击事件”

Javascript 图像在浏览器中保持打开状态,而不是运行“单击事件”,javascript,html,css,Javascript,Html,Css,我为div部分编写了一个小片段,如下所示 window.onload=function(){ var links=gallery.getElementsByTagName(“a”); 对于(变量i=0;i

我为
div
部分编写了一个小片段,如下所示

window.onload=function(){
var links=gallery.getElementsByTagName(“a”);
对于(变量i=0;i

选择下面的图片

您遇到的根本问题是您正在使用
addEventListener('onclick')

这应该是:
addEventListener('click')

“onclick”是属性,“click”是事件

此外,您还可以在
onload
中引用
gallery
,除非将其设置在更高的位置,否则这应该是
文档

完成后,您需要设置占位符的来源。您可以这样做:

links[i].addEventListener('click', function(e) {
   var placeholder = document.getElementById('placeholder');
   placeholder.src = e.currentTarget.getElementsByTagName("img")[0].src;
   e.preventDefault();
});

希望这能让你达到你的目的。

尝试在
css
中给
#imagegallery一个{display:block;//或inline block}
,它是
点击
,而不是
点击
。谢谢
文档
是问题所在
gallery
是上面定义的,但它没有捕捉到它,无论如何谢谢你的帮助