在动态生成的TR元素之后，关键事件无法正常工作

Question

我想在键盘事件上为行和列添加总计。关键事件和每个循环都可以很好地添加行和列。

但是，在动态生成的tr元素之后，钥匙不起作用。

请检查此JS小提琴： - http：//jsfiddle.net/f6lsu/9/

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

2(如果我添加行，它将动态添加行，但该行是动态生成的，因此它的关键事件不会发射。

3(如果我再次转到已经可用的第一行，那么Secord行计算是有效的。

因此，在动态生成的TR元素之后，密钥UP事件无法正常工作。我正在尝试，

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

我还尝试了第二个参数，但它行不通，

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

Answer 1

如果您的页面正在用类名称动态创建元素，则可以将事件绑定到已经存在的父母，通常是" document"

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

或者您可以使用父元元素，该元素始终保留在您的页面加载中：

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

Answer 2

尝试以下：

 $(document).on('keyup', '.txtfld',function(){});