Question

当用户在输入框中输入内容时，我试图将文本附加到段落标记，但我无法使其工作。

<head>
    <script>
    $(document).ready(function(){
        $("saurabh").keypress(function(){
            $("p").append("text");
        });
    });
    </script>
</head>
<body>

    Enter your name: <input type="text" id="saurabh">

    <p id="p"> </p>
</body>

Answer 1

您的代码存在一些问题。

要引用<input type="text" id="saurabh">，您需要使用$('#saurabh')而不是$('saurabh')。
要引用<p id="p">，您应该使用$('#p')代替$('p')，这样页面上的每个<p>都不会收到文字。
要将文字从其回调中输入$('#saurabh')，请使用$(this).val()代替"text"。
即使您尝试使用$('#p')将文字附加到$('#p').append(...)，我认为您确实在寻找$('#p').text(...)来设置#p的文字每次按键后。

你想改变：

$("saurabh").keypress(function(){
    $("p").append("text");
});

要：

$("#saurabh").keypress(function(){
    $("#p").text($(this).val());
});

键盘事件不会在jquery中附加文本

1 个答案: