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

Question

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

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

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

提前谢谢了。

Answer 1

模糊是你想要的。像这样的东西：

$('.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').blur(function() { 
    //code to add new row of elements
});