动态生成的tr元素后，keyup事件无法正常工作

Question

我想在keyup事件中添加行和列的总数。 keyup事件和每个循环都可以很好地添加行和列。

但是在动态生成的tr元素之后，keyup无法正常工作。

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

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

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

3）如果我再次转到已经可用的第一行，则可以使用secord行计算。

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

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

我也试过on事件中的第二个参数，但它不起作用，

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

Answer 2

试试这个：

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