Javascript onclick事件触发页面加载

Question

我有以下html / javascript：

<div id="clickMe" style="width:200px;height:100px;background-color:red;">
click me
</div>

<script>
function bar(){
    alert("foo");
}

document.getElementById("clickMe").onclick = bar();
</script>

当我加载此页面时，函数会触发并弹出警报，然后单击clickMe时不会触发。我尝试将div切换为button并且工作正常（在页面加载时未触发，在点击时触发）。当我注释掉document.getElementById("clickMe").onclick = bar();时，该功能根本不会触发。我还尝试添加围绕整个事物的onload函数，只是函数，只是触发器，没有很好的效果。

如何通过单击div触发javascript函数，为什么这不起作用？

谢谢。

Answer 1

从函数名中删除括号（这样做会调用它）：

document.getElementById("clickMe").onclick = bar;

jsFiddle example