Question

我正在使用html5和javascript进行一些非常简单的拖放游戏。拖动元素后，我有一个按钮，用于验证排列是否正确。我的验证函数在外部JS文件上，我在输入标记内使用onclick调用它。它工作，但我的老板不希望事件处理程序显示在HTML上。我只是从javascript开始，所以有没有办法调用onclick事件而不使用html文件中的标签上的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事件。
为此，您可以直接拨打要呼叫的方法。

2）没有在html上显示它有onclick。为此你可以使用这样的东西：

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

希望它有所帮助。

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

2 个答案: