cómo detectar qué botón se hizo clic con jQuery

Question

la forma de detectar qué botón se hizo clic con 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> 

Nota: por encima de "Dcalc" se añade bloque de forma dinámica ...

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

Dado que el bloque se agrega dinámicamente puede intentar:

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 se puede vincular a una entrada/botón individual, oa todos los botones en su formulario. Una vez que se hace clic en un botón, devolverá el objeto de ese botón al que se hizo clic. Desde allí puede verificar atributos como el valor ...

$('#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); 
});