多个事件列表器

时间:2016-09-11 13:42:37

标签: javascript

我有一个用户生成的表,其中包含每行中的数量输入字段,当它发生变化时,我想触发进一步的计算。该表可以有多行,因此也可以有多个数量字段实例。

以下代码段会监听" qty"但是这似乎只适用于表格的第一行。有谁知道如何使事件监听器适用于" qty"的所有实例。字段。

deinit

以下是代码的jsfiddle ... http://jsfiddle.net/jDfFU/95/

1 个答案:

答案 0 :(得分:1)

看起来其他表行是动态添加的 - 而不是向它们添加事件侦听器,您可以将它添加到父表并检查目标元素的名称,或者您可以将事件绑定到您动态添加的每一行。

选项1的示例 -

var table = document.getElementById('dataTable');
dataTable.addEventListener('change', function(e){
   if (e.target.getAttribute("name") === 'qty[]') {
        totalIt();
    }
});

dataTable.addEventListener('input', function(e){
   if (e.target.getAttribute("name") === 'qty[]') {
        totalIt();
    }
})