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

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

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

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

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

2 个答案: