jquery - 每次在前一个文本字段中按下一个键时都无法添加一个文本字段

Question

我刚刚开始，但我真的很喜欢使用 jquery，在这里很容易找到其他问题的答案，但现在我坚持使用这个问题。我目前将其设置为警报：按下，但我尝试使用追加以便在按下键时添加文本字段，但我不断出现错误。

当用户输入密钥时，它应该在原始 texfield 下添加一个新的 texfield。

提前致谢。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>



    <input type="text" name="keydown" id="keypress" />




    <script>

        $(document).ready(function () {

            $("#keypress").keydown(function () {

                alert("pressed");


        });

    });

    </script>

Answer 1

向当前文本框添加一个类，然后也使用事件委托：

<input type="text" name="keydown" id="keypress" class="textboxpress" />

$(document).ready(function () {
    $(document).on('keydown', '.textboxpress', function () {
        $(this).after("<input type='text' class='textboxpress' />");
    });
});

这将在焦点框之后添加一个新文本框。如果您有要附加到的特定容器，请替换$(this)为您的容器选择器，然后替换after为append

http://jsfiddle.net/kGwpk/1/