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

Question

我想为 keyup 事件的行和列添加总计。keyup 事件和每个循环都非常适合添加行和列。

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

请检查这个 js fiddle :- http://jsfiddle.net/f6LSU/9/

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

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

3) 如果我再次转到已经可用的第一行，则可以进行第二行计算。

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

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

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

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

Answer 1

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

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