页面加载时触发Javascript onclick事件

Javascript onclick event triggering on page load

本文关键字：Javascript onclick 事件 加载      更新时间：2024-01-06

我有以下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函数，为什么不起作用？

谢谢。

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

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

jsFiddle示例

相关文章：