检测html表单的tabindex的结尾以触发jQuery事件

Question

我有一个html表格，每行都有表单元素，可以将商品，价格，数量等添加到发票中。

在每个表格行的末尾有一个“添加”按钮，用于触发事件以在表格底部添加一行新的空白表单元素（对于发票上的新项目）。

有没有办法检测表中的最后一个表单元素是否已失去焦点（选项卡式传递它）并触发事件以添加一行新的空元素？

非常感谢提前。

Answer 1

Blur's what you want。像这样：

$('.add-button').blur(function() {
     add_row();
});

Answer 2

将模糊事件附加到最后一行，最后一个单元格。

$('table tr:last-child td:last-child').blur(function() {
     // add row function
});

阅读：http://api.jquery.com/blur/

Answer 3

你想摆脱添加按钮吗？如果是这样，你应该在每个新行的最后一个元素中添加一个类（即'last'）并使用模糊

$('.last').blur(function() { 
    //code to add new row of elements
});