为什么onclick()函数不点击就自动运行[重复]答案

【问题标题】：Why does onclick() function run automatically without clicking [duplicate]为什么onclick()函数不点击就自动运行[重复]
【发布时间】：2021-12-09 10:38:15
【问题描述】：

我想知道为什么不点击就调用 doStuff()。

function pageReady() {
  var buttonBox = document.getElementById("buttonBox");
  buttonBox.onclick = doStuff();

  function doStuff() {
    buttonBox.style.background = "orange";
    buttonBox.style.width = "600px";
    buttonBox.innerHTML = "<h2>SURPRISE!!</h2>";
  }

}

【问题讨论】：

doStuff() 调用函数并将onclick设置为其返回值 (undefined)。你想要buttonBox.onclick = doStuff;。

标签： javascript

【解决方案1】：

你正在调用函数，你应该改变

buttonBox.onclick = doStuff()

到

buttonBox.onclick = doStuff;

现在您将函数传递给处理程序而不调用它。

【讨论】：