javascript - 使用 Javascript 中的 onblur 事件在表格底部动态添加一行(没有按钮)

Question

我的要求是，我有一个包含 3 列和 5 行的表格。当我使用最后一行时，应该在最后一行之后动态添加一个新行，当我再次使用新创建的行时，最后应该动态添加一个新行等等......但问题是我们不应该使用按钮为了添加行，我们必须使用 onblur 或 onchange 事件。谁能建议我解决上述问题？

Answer 1

为什么不使用focus事件，让你在开始使用最后一行时添加该行？您可以向表中添加委托(delegate)，以便该事件甚至适用于新添加的行:

$(function(){
  $('#TheTable').on('focus', 'input', function(){
    if ($(this).closest('tr').is(':last-child')) {
      $('#TheTable').append('<tr><td><input type="text"/></td></tr>');
    }
  });
});

德米奥:http://jsfiddle.net/Guffa/2mcp3/