javascript - 動的に生成されたテキストボックスで focusout イベントが機能しない

Question

//<![CDATA[ 
$(window).load(function() {

    $('.n_val').focusout(function() {
        alert(this.id);

    });

});//]]>

テキストボックスを動的に生成するには

buffer += "<tr><td>" + nomen_list.getName() + "</td><td><input type='text' style='width:50px' class='n_val' id=" + nomen_list.getId() + "-" + nomen_list.getCat() + " value=" + nomen_list.getVal() + " /></td></tr>";

動的にテキストボックスを取得していますがfocusout、動的に生成されたテキストボックスでは機能しませんが、同じページにはそのためにハードコードされたテキストボックスがあり、上記のスクリプトがトリガーされます。

Answer 1

$(window).load(function() {
    $(document).on('focusout','.n_val',function() {
        alert(this.id);
    });
});

document を使用する代わりに、テキスト ボックスの最も近い親 ID またはクラスを使用できます。私はあなたのhtmlレイアウトがわからないので、ドキュメントを使用しています。jQuery on も参照してください。

Answer 2

これを試して：

$(document).ready(function() {
    $(document).on('focusout','.n_val', function() {
      alert(this.id);
    });
});