javascript - 如何为 div 中的所有元素设置点击处理程序

Question

我有一堆元素，我想为所有元素设置一个单击处理程序，然后根据单击的元素执行某些操作。对于这个例子，您可以让它给出一个警报，说明所单击的按钮的类别。我的元素如下所示:<input type="button" class="numpad np-txtTP">它们都包含在同一个元素中。就我而言，我想采取 np-txt 之后的任何内容。并将其添加到文本框。

Answer 1

document.getElementById("yourdiv").addEventListener("click",function(e) {
    if(e.target && e.target.nodeName == "INPUT") {
        //do something to e.target here
    }
}

这称为事件委托(delegate)，允许您为一个元素的多个后代仅绑定(bind)一次处理程序。