javascript - 即使未单击按钮，也会触发按钮上的 onClick 事件

Question

我正在尝试向按钮添加事件侦听器，这是我使用的代码：

window.onload = function(){
    document.getElementById('loginButton').onClick = logInToPod();
}

问题是由于某种原因logInToPod()，一旦页面加载而无需单击按钮，该函数就会被调用，而我编写的代码应该只添加事件侦听器，而不是在单击按钮之前调用该函数，对吗？

我正在使用 webpack，我不知道这是否重要或导致此问题。

标签： javascript

Answer 1

我看到两个主要问题：

1. onClick应该是onclick；
2. logInToPod()应该是logInToPod。

所以我建议修改你的代码，如：

window.onload = function(){
    document.getElementById('loginButton').onclick = logInToPod;
}

这是一个 JSFiddle 示例。