jquery - jQueryイベントを発生させるためのHTMLフォームのタブインデックスの終わりの検出

Question

商品、価格、数量などを請求書に追加するために、各行にフォーム要素を含む html テーブルがあります。

テーブルの各行の最後には、イベントを発生させる「追加」ボタンがあり、空白のフォーム要素の新しい行をテーブルの下部に追加します (請求書の新しい項目用)。

テーブルの最後のフォーム要素がフォーカスを失ったことを検出し (タブで渡された)、イベントを発生させて空の要素の新しい行を追加する方法はありますか?

よろしくお願いします。

Answer 1

ぼかしはあなたが望むものです。このようなもの：

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

Answer 2

追加ボタンを削除しますか? その場合は、新しい各行の最後の要素 (つまり、'last') にクラスを追加し、blur を使用する必要があります。

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

Answer 3

最後の行、最後のセルにぼかしイベントを追加します。

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

読む: http://api.jquery.com/blur/