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

时间:2013-06-20 20:23:54

标签: jquery html5

我刚刚开始,但我真的很喜欢使用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>

1 个答案:

答案 0 :(得分: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/