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