在Jquery上覆制文本字段

Question

我試圖在用戶每次按下輸入時在頁面上插入一個新的文本字段。

我的代碼

$(":text").on("keypress", function(e) { 
if (e.keyCode == '13') { 
    e.preventDefault() 
    $(this).after("<p><input type='text' class='textfield' maxlength='10' value=''/>  <span></span> </p>") 
} 

    }); 

當我按在原單文本字段中輸入，但新一不反應的任何印刷機的新文本字段出現。我假設功能上與現場類似，這應該是解決這類問題的方法。怎麼了？

Answer 1

您需要爲新添加的元素做事件代理。

Use event delegation通過使用（）函數

例：

$("#parent").on('keypress', 'textboxselector', function(event) { 

----do the things here 
}); 

Answer 2

請參考下面的代碼

 $(".textfield").live("keypress", function (e) { 
     if (e.keyCode == '13') { 
      e.preventDefault(); 
      $(this).after("<p><input type='text' class='textfield' maxlength='10' value=''/>  <span></span> </p>") 
     } 

    });