javascript - 如何使用不同的方法来检测Javascript中的按钮单击？

我开始编写一些JavaScript代码来检测按钮按下情况。我一直在搜索所有不同的方法。当其中一些在我的代码中起作用或不起作用时，我感到很沮丧。

这是一个具有4个示例的JS Fiddle。

有人可以解释为什么＃1或＃4不起作用吗？

这是html测试代码。

<input type ='button'  value = "Test Button 1" id="Test_Button1" >
<input type ='button'  value = "Test Button 2" id="Test_Button2" >
<input type ='button'  value = "Test Button 3" id="Test_Button3" >
<input type ='button'  value = "Test Button 4" id="Test_Button4" >

这是JavaScript代码

$('Test_Button1').click (function() {
    alert("Test Button 1 worked");
});


$(document).on("click","#Test_Button2", function() {
        alert("Test Button 2 worked");
});


document.getElementById('Test_Button3').onclick = function() {
        alert("Test Button 3 worked");
};


$(document).ready (function () {
        $('Test_Button4').click (function() {
            alert("Test Button 4 worked");
    });
});

最佳答案

对于第一个，由于您将其称为元素的id，因此必须使用#，
所以

$('#Test_Button1').click(function() {
        alert("Test Button 1 worked");
});

对于最后一个，您必须添加#。

http://jsfiddle.net/ez2SP/1/