Question

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

我试图在我的JS中添加eventlistener但是没有用。

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

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

请参阅小提琴链接以获取进一步参考：http://jsfiddle.net/gqpr0g9w/

提前致谢

Answer 1

尝试FIDDLE，

基本上你的小提琴的第一个问题是你使用jsery以外的js库。 Jquery代码不会在不引用jquery库的情况下执行。

其次你使用了无效的选择器，

$("button2")

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

$("#button2")

最后尝试将代码包装在document ready event下的jquery闭包下，以确保在浏览器上加载相关对象时附加事件。

最后将成为

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

希望它对你有用..

Answer 2

在jsfiddle中包含jQuery。使用以下之一附加事件监听器以使用jQuery

进行单击

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

或

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

Answer 3

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

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

//注意单词“button2”之前的＃符号，表示我们正在寻找ID

案例jQuery未包含在html中：

<script src="lib/jquery-2.1.4.min.js"></script>
<script src="js/myJavaScript.js"></script>
首先必须包含jQuery脚本然后你可以执行如上所示的相同代码。

Answer 4

好吧，你正在尝试使用jQuery，但你的html-File中没有包含jQuery。事实上，你的html中根本没有包含脚本，如

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

我认为如果不修改html文件，你就能做到这一点。