JavaScript onclick 事件在页面加载时发生

Question

我试图创建一个简单的JavaScript函数，使得在单击图像时可以打开一个带有更大图像的窗口。然而，当我点击图像时，测试警告弹出后什么都没有发生。以下是代码：

function zoom() {
  alert("test!");
}
document.getElementById("us").onclick = zoom();

<img id="us" src="http://placekitten.com/200/200" />

- scalen121

---

加上「（）」符号表示调用函数，而你需要做的是引用函数。你所发布的内容等同于编写匿名函数，如下所示： - Charles D Pantoga

document.getElementById("us").onclick = (function(){})(); - Charles D Pantoga

Answer 1

试一下

function zoom()
{
    alert("test!");
}
document.getElementById("us").onclick=zoom;

- Tamil Selvan C

Answer 2

function zoom()
{
    alert("test!");
}
document.getElementById("us").onclick=function(){zoom(variable1)};

如果您需要传递变量。

- kravits88

Answer 3

对于ES6，onclick = () => zoom(i)可以正常工作。

- user2584621

Answer 4

为什么不将onclick事件与HTML元素本身绑定，而是在JavaScript中进行绑定？

  <img src="yourImage.jpg"  onclick="zoom()" />

- M Sach

---

这并没有解答问题。如果你想要对作者进行评论或请求澄清，请在他们的帖子下留言。 - Bohemian

很抱歉，我的解决方案没有出现，因为它没有使用代码标记进行正确编辑。 - M Sach

Answer 5

document.getElementById("us").onclick=zoom;

替代

document.getElementById("us").onclick=zoom();

- xdazz