Javascript JS中的onClick eventlistener不使用HTML中的onClick函数

我有一个html文件和js文件，我想在html中单击按钮时执行js。为此，我可以在html中使用onclick事件，但条件是我不应该修改html文件

我试图在JS中添加eventlistener，但没有成功

<p align=center>
    <button class="stdbutton" id=button2 name=button2>
        Click Me
    </button>
</p>

请参阅fiddle链接以获取更多参考：

---

提前感谢

您正在尝试使用jQuery，但是html文件中没有jQuery。事实上，html中根本没有脚本

<script src="lib/jquery-2.1.4.min.js"></script>
<script src="js/myJavaScript.js"></script>

我认为如果不修改html文件，您将无法做到这一点。

试试

基本上，您的小提琴的第一个问题是您使用的是js库而不是jquery。如果不引用Jquery库，Jquery代码将无法执行

其次，您使用的选择器无效

$("button2") 

您可以根据您的标记将其替换为基于id的选择器（#选择器）

$("#button2")

最后，尝试将代码包装在jquery closure下的

documentready event

下，这将确保在浏览器上加载相关对象时事件将附加

最终将成为

$(document).ready(function() {
  $("#button2").click(function() {
    alert("button2 clicked");
  });
});

---

希望它对您有用。

在JSFIDLE中包含jQuery。使用以下选项之一为click using jQuery附加事件侦听器

$("#button2").on("click", function() {
   alert("button 2 clicked");
});

或

---

案例jQuery包含在html中： js文件-

$("#button2").click(function() {
    alert("button2 clicked");
});

//注意单词“button2”前面的#符号表示我们正在寻找一个ID

html中不包括case jQuery：

必须首先包括jQuery脚本 然后可以执行与上面所示相同的代码

---

您的问题用jQuery标记，但您的小提琴正在使用Mootools。。。我很困惑。如果您将fiddle改为jQuery，并修复选择器以添加

，那么它工作正常：@RoryMcCrossan:我认为您做对了，。。你为什么不把你的评论作为一个答案呢？这并不是一个对未来任何人都有帮助的答案，所以如果这确实解决了问题，那么OP最好删除这个问题。

$("#button2").click(function() {
    alert("button2 clicked");
});

<script src="lib/jquery-2.1.4.min.js"></script>
<script src="js/myJavaScript.js"></script>