events - 为什么这个 onclick 事件处理程序不起作用？

Question

我是 JS 新手，正在尝试学习事件处理程序。我已经看了好几个小时了，我认为它比我发现的要简单得多。有谁知道为什么当我单击按钮时没有任何反应？

<script>
    function buttonClick(){
        document.getElementById("testButton").onclick = document.write("The button has been clicked!!!");
    }
    window.onload=buttonClick;
</script>

<input type="button" id="testButton" value="click me" />

Answer 1

这是因为您需要一个函数来分配 onclick ，所以这会起作用

 document.getElementById("testButton").onclick = function(){document.write("The button has been clicked!!!");}

那是一个匿名函数。

Answer 2

您的脚本正在加载页面加载时的 buttonClick 事件。您需要删除该行并将 onClick 添加到您的输入中。你可以这样写：

<script>
function buttonClick(){
    document.write("The button has been clicked!!!");
}
</script>

<input type="button" id="testButton" value="click me" onClick="buttonClick()" />