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);
    }
}