javascript - 如何在外部 JS 文件上调用 onclick？没有 jquery

Question

我正在使用 html5 和 javascript 开发一些非常简单的网络拖放游戏。在他们拖动元素后，我有一个按钮来验证排列是否正确。我的验证函数在一个外部 JS 文件上，我在输入标签内使用 onclick 调用它。它可以工作，但是我的老板不希望在 html 上显示事件处理程序。我只是从 javascript 开始，所以有没有办法在不使用 html 文件中标记的 onclick 的情况下调用 onclick 事件？

我读过你可以用 jquery 轻松地做到这一点，但你可以在没有 jquery 的情况下使用它吗？

Answer 1

您可以像在 jquery 中那样将单击事件绑定到按钮：

document.onclick = function(event) {
    var targetElement = event.target;
    if ( targetElement.className == "myButton" ) {
       // do something
        alert("my button clicked");
    }   

};

此示例适用于类名，但您可以将其更改为按钮或其他任何您想要的属性。

Answer 2

我从你的问题中得到了两个含义。1）您想在特定事物上调用项目的 onclick 事件。
为此，您可以直接调用要调用 onclick 的方法。

2) 没有在 html 上显示它有 onclick。为此，您可以使用以下内容：

document.getElementById('id').onClick = "yourMethod()";

希望能帮助到你。