javascript - 在 JavaScript 中绑定(bind) onclick 而无需在 HTML 文件中直接使用 JS

Question

以前，我的 HTML 文件中有这一行:

<input type="button" value="1" name="btn1" id="btn1" onclick="showNum(1)" />

这工作正常，但我不想在 HTML 文件中包含方法名称。我想在 HTML 中包含这样的内容:

<input type="button" value="1" name="btn1" id="btn1" />

然后我想把这个按钮绑定(bind)到JS文件中的方法上。我试过这段代码，但它不起作用:

window.onload = function() {
    document.getElementById("btn1").onclick = showNum(1);
};

如何使用 JavaScript 绑定(bind) btn1 以运行 showNum(1)？

Answer 1

也可以将引用绑定(bind)到函数，如下所示:

var showNum = function(){
    alert(this.value);
}
window.onload = function() {
    document.getElementById("btn1").onclick = showNum;
};

<input type="button" value="1" id="btn1" />