làm thế nào để phát hiện nút mà được nhấp sử dụng jQuery

Question

làm thế nào để phát hiện nút mà được nhấp sử dụng jQuery

<div id="dBlock"> 
<div id="dCalc"> 
    <input id="firstNumber" type="text" maxlength="3" /> 
    <input id="secondNumber" type="text" maxlength="3" /> 
    <input id="btn1" type="button" value="Add" /> 
    <input id="btn2" type="button" value="Subtract" /> 
    <input id="btn3" type="button" value="Multiply" /> 
    <input id="btn4" type="button" value="Divide" /> 
</div> 
</div> 

Lưu ý: trên "dCalc" khối được thêm tự động ...

Answer 1

$("input").click(function(e){ 
    var idClicked = e.target.id; 
}); 

Answer 2

$(function() { 
    $('input[type="button"]').click(function() { alert('You clicked button with ID:' + this.id); }); 
}); 

Answer 3

Vì khối được thêm động bạn có thể thử:

jQuery(document).delegate("#dCalc input[type='button']", "click", 
    function(e){ 
    var inputId = this.id; 
    console.log(inputId); 
    } 
); 

demo http://jsfiddle.net/yDNWc/

Answer 4

jQuery có thể bị ràng buộc với đầu vào/nút riêng lẻ hoặc cho tất cả các nút trong biểu mẫu của bạn. Khi một nút được nhấp vào, nó sẽ trả về đối tượng của nút đó được nhấp. Từ đó, bạn có thể kiểm tra các thuộc tính như giá trị ...

$('#dCalc input[type="button"]').click(function(e) { 
    // 'this' Returns the button clicked: 
    // <input id="btn1" type="button" value="Add"> 
    // You can bling this to get the jQuery object of the button clicked 
    // e.g.: $(this).attr('id'); to get the ID: #btn1 
    console.log(this); 

    // Returns the click event object of the button clicked. 
    console.log(e); 
});