为什么onclick()函数不点击就自动运行?

Question

我想知道为什么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>";
}
}

Answer 1

您正在调用函数，您应该更改

buttonBox.onclick = doStuff()

buttonBox.onclick = doStuff;

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