javascript - 为什么浏览器会触发我的 onclick 函数？

Question

我正在尝试创建一个 onclick 事件(javascript)，它通过按下按钮从 HTML 表单获取输入数据。我在 JS 文件中使用 window.onload 函数。我的表单如下所示:

<div class="set-the-clock">
    <form name="settheclock">
        <span>Hours: </span><input type="text" name="fhours"><br>
        <span>Minutes: </span><input type="text" name="fminutes"><br>
        <span>Seconds: </span><input type="text" name="fseconds"><br>
        <input type="button" id="send" value="Enter">
    </form>

我的 onclick 事件:

document.getElementById("send").addEventListener("click",setTheClockByButton());

和我的 setTheClockByButton():

function setTheClockByButton() {
    alert("wtf");
    setTheClock(setHour, setMinute, setSecond);

}

当我在 google chrome 中按 View 时，会出现带有 wtf 的警报，所以看起来我的按钮被“本身”点击了，我不知道为什么:(

Answer 1

删除setTheClockByButton()中的括号，当您创建函数时，您实际上是在设置变量。创建函数的长手看起来像这样。

var functionName = function() {
    //Your code here
};

因此，要将函数分配给处理程序，您必须使用函数变量名称，但要调用该函数，您需要添加括号。在这种情况下，您只需要变量名称，因此它看起来像这样。

document.getElementById("发送").addEventListener("点击",setTheClockByButton);