javascript - jQuery 检测动态添加元素的事件

Question

我有一张 table

<table id="table1">
   <tbody>
   <tr>
     <td></td>
     <td><input type="text" /></td>
  </tr>
  </tbody>
</table>

在输入框中按 Enter 键时添加新行

$('[type=text]').on('keyup', function(e){
    if(e.keyCode == 13){
        var newRow = '<tr><td></td><td><input type="text" /></td></tr>';
        $('#table1 tbody tr').last().after(newRow);
    }
});

对于第一行来说效果很好。但是，不会检测到动态添加的 newRow 上的任何事件。

如何解决这个问题？

Answer 1

您可以将事件附加到页面上存在的父元素。了解更多关于 event delegation .

$('#table1').on('keyup', '[type=text]', function(e){

 });