动态生成 tr 元素后 keyup 事件不起作用

Question

我想添加 keyup 事件的行和列的总计。keyup 事件和每个循环都可以完美地添加行和列。

但动态生成 tr 元素后 keyup 不起作用。

请检查这个 js 小提琴：- http://jsfiddle.net/f6LSU/9/

我的测试用例：- 1）如果我在输入框中输入值，它将计算行和列的总数。

2）如果我添加行，它将动态添加行，但该行是动态生成的，因此它的 keyup 事件不会触发。

3）如果我再次转到已经可用的第一行，则第二行计算有效。

因此，动态生成 tr 元素后 keyup 事件不起作用。我正在尝试与

$('.txtfld').on('keyup',function(){

我也尝试过在事件中使用第二个参数，但它不起作用，

$('.txtfld').on('keyup','printer-row',function(){

Answer 1

如果您的页面动态创建具有类名的元素，您可以将事件绑定到已经存在的父级（通常是“文档”）

$(document).on('keyup', '.txtfld', function(){
 // what you want to happen when keyup
 // occurs on elements that match '.txtfld'
});

或者您可以使用父 DOM 元素，它始终保留在页面加载中，例如：

$('parent DOM element').on('keyup', '.txtfld', function(){
 // do something here
});