如何在外部JS文件上调用onclick？ w/o jquery

我正在使用html5和javascript在一些网络上进行非常简单的拖放游戏。他们拖动元素后，我有一个按钮，验证排列是否正确。我的验证功能在外部JS文件上，我使用输入标签内的onclick调用它。它的工作原理，但是我的老板不希望事件处理程序在html上显示。我刚刚开始使用JavaScript，所以有没有办法调用一个onclick事件，而不使用HTML文件中的标签onclick？如何在外部JS文件上调用onclick？ w/o jquery

我读过你可以很容易地用jQuery来做，但是你可以在没有jQuery的情况下使用它吗？

来源

2013-07-03 user2091756

为什么要避免使用JQuery？ –

我对JavaScript很陌生，我主要是flash/as3设计师，所以我将不得不进行大量调查以适应Jquery。 – user2091756

*某物*必须触发您在onclick事件中调用的功能。我必须想象，当你放弃你的物品时，你会有一些JavaScript在物品“掉落”时触发。我只是在放置结束时添加一个对onclick函数的调用。 – dparsons

您可以点击事件绑定到该按钮，就像他们在jQuery的做：

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

};

此示例适用于一类的名字，但你可以改变你想要的按钮或其他事情的任何属性。

来源

2013-07-03 16:44:31 Avitus

感谢它的工作！我只是用id替换了classname。再次感谢！ – user2091756

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

2）不显示在它有onclick的HTML。为此，你可以使用类似这样的东西：

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

希望它有帮助。

来源

2013-07-03 16:40:48 Amit

谢谢，它没有工作，但它给了我一些想法尝试，ty！ – user2091756

如何在外部JS文件上调用onclick？ w/o jquery

回答

相关问题