jQuery：動態添加新的文本字段

Question

我的目標是每次用戶點擊TAB鍵時添加一個新的文本字段。不幸的是，它只增加了一個字段，然後停止。

$('input[type="text"]').keydown(function (e) { 
    if(e.keyCode === 9) { 
     var div = $('#fields'); 
     div.append('<br><input type="text">'); 
    } 
}); 

的HTML ...

<div id="fields"> 
    <input type="text" id="textbox1" autofocus> 
</div> 

Answer 1

你只添加了keydown()功能，第一個輸入。

它添加到輸入每個連續實例：

$(document).ready(function() { 
    $('input[type="text"]').keydown(addInput); 
}); 

function addInput(e) { 
    if(e.keyCode === 9) { 
     var div = $('#fields'); 
     var input = $('<br><input type="text">'); 
     input.keydown(addInput); 
     div.append(input); 
    } 
}