在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>") 
     } 

    });