ハロの外部記憶インターフェイス

そろそろ覚える努力が必要かも…

動的に追加した項目にイベントをバインドする。

動的に追加された要素は画面のイベントがバインドされていないため、イベントが動作しない。

そのため、追加したタイミングで新しくイベントをバインドする必要がある

var div = $("div");
div.append('<input id="input1" type="text" value="" />');
div.append('<input id="input2" type="text" value="" />');
div.append('<input id="input3" type="text" value="" />');

$("#injact_div").after($(div));

$('input', div).bind("keydown", function (e) {
  if (e.which == 13 )
  {
     alert($(this).attr("id") + ' = ' + $(this).val() );
  }
});