Javascript 如何使用.keyup（）添加新的输入字段？

我已经创建了“添加”按钮来创建输入字段 让我在这里给你看我的代码

$(document).ready(function(){
    var scntDiv = $('#add_words');
    var wordscount = 1 ;
    var i = $('.line').size() + 1; 
    $('#add').click(function() { 
      wordscount++;
      $('<div class="line">Word is ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv); 
      i++; 
      return false;
    });

<a id="add">Add</a>
<div id="add_words">
    <div class="line">Word is 1<input type="text" value="1" /></div>
</div>

$（文档）.ready（函数（）{
var scntDiv=$（“#添加单词”）；
var-wordscont=1；
变量i=$（'.line'）.size（）+1；
$（'#添加'）。单击（函数（）{
WordScont++；
$（'Word is'+wordscont+''）。附录（scntDiv）；
i++；
返回false；
});
添加
单词是1

我想用

.keyup（）

函数代替

添加

。有人帮我吗

---

提前感谢

您尝试过keyup吗？只需将keyup事件指定给输入字段，而不是使用div上的click事件即可

我看到您将遇到的问题是，对于每个字符，在键控时，将创建一个新的输入字段，因此您可以通过以下两种方法之一解决此问题：1）一旦创建了一个新的输入字段，就删除keyup事件，在这种情况下，根据您提供的少量信息，我假设您希望将keyup事件分配给新的输入字段，因此如果有人开始在其中键入，就会创建另一个输入字段

（您将需要jquery的和方法）

---

或者2）创建一个标志，说明是否有新字段。此选项的优化程度较低，我使用此方法的问题是，添加到输入字段的每个字符都会触发事件，但我只是在需要时将其抛出，因为没有太多关于您尝试完成的详细信息。

下面是一些类似的关键代码列表

$(document).keyup(function(e) {
    var key = (e.keyCode ? e.keyCode : e.which);
    if (key === 32) {
        $('body').append('<p>stop touching your keyboard</p>');
    }
});

$（文档）.keyup（函数（e）{
var key=（e.keyCode？e.keyCode:e.which）；
如果（键===32）{
$（'body'）。追加（'p>停止触摸键盘
'）；
}
});

我还没有尝试过，我是JQuery新手。我想创建一个在线词典。使用“keyup（）”添加额外的文本字段，以便客户向数据库添加新词