javascript - 为什么 onclick 触发下一个函数没有分配给它？

Question

为什么点击按钮会触发警报？它被分配给段落，而不是按钮。HTML:

<button onclick="foo()">Click me</button>
<p id="hidden" style="display:none"> I was hidden </p>

Javascript:

function foo(){
    document.getElementById("hidden").style.display = "block";
    document.getElementById("hidden").onclick = innnerClick(); 
}
function innnerClick(){
    alert("Ouch! That hurt!")
}

Answer 1

因为这一行:

// ----------------------------------------------------vv
document.getElementById("hidden").onclick = innnerClick();

在这里，您立即调用 innnerClick 函数。

只需删除 () 之后将引用传递给函数而不是调用它，即

document.getElementById("hidden").onclick = innnerClick;