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

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

由于块是动态添加的，您可以尝试：

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

演示http://jsfiddle.net/yDNWc/

jQuery可以绑定到单个input/按钮，也可以绑定到表单中的所有按钮。一旦单击了某个按钮，它将返回所单击按钮的对象。在那里，您可以检查属性，如value...

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

检测动态创建元素上的事件

前面有两个例子，jQuery和 * vanilla*JavaScript：

jQuery

对委托事件使用. on（）方法，该方法遵循以下语法：

$("staticParentSelector").on("eventName", "dynamicChildSelector", handlerFn);

示例：
x一个一个一个一个x一个一个二个x

JavaScript语言

在 * vanilla * JavaScript中也可以像下面这样实现，不同之处在于JS没有 * delegateTarget * 的概念（这是他们专有的Event对象上的jQuery属性），因此进行了轻微的修改：
一个三个三个一个
正如您所看到的，上面的实现都不单独依赖于Event.target元素 * 本身 *，原因是如果我们在按钮内有一个图标（如：<button id="add" type="button">Add <i class="icon-plus"></i></button>），如果点击直接落在图标上，Event.target将最终成为图标，而不是按钮元素-我们可能会错过检索所需的数据，如特定的按钮ID等，导致应用程序逻辑中断。