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

我想为keyup事件的行和列添加总计。 对于行和列的添加，keyup事件和每个循环都工作得非常好

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

请检查此js小提琴：-

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

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

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

所以，在动态生成tr元素之后，keyup事件不起作用。我在试着

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

我也尝试过在on event中使用第二个参数，但不起作用

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

试试这个：

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

试试这个：

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

---

如果您的页面正在使用类名动态创建元素，请执行一些操作，将事件绑定到已经存在的父级，通常是文档

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

---

如果您的页面正在使用类名动态创建元素，请执行一些操作，将事件绑定到已经存在的父级，通常是文档

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

---

你在使用选择器“打印机行”，所以你有一个元素，对吗？你在使用选择器“打印机行”，所以你有一个元素，对吗？谢谢兄弟。它起作用了。我知道只有正常的东西我错过了。再次感谢。干杯：谢谢你，兄弟。它起作用了。我知道只有正常的东西我错过了。再次感谢。干杯：比被接受的答案更好，因为你解释了事情。比被接受的答案更好，因为你解释了事情。