页面加载时触发 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。我尝试将 a 切换div为 a button，效果很好（没有在页面加载时触发，在点击时触发）。当我注释掉时document.getElementById("clickMe").onclick = bar();，该函数根本不会触发。我还尝试添加onload围绕整个事物的功能，仅添加功能，仅添加触发器，但效果不佳。

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

谢谢。

Answer 1

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

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

jsFiddle 示例