html - 添加到 HTML 页面的文本框

Question

我正在尝试创建一个文本框，当输入它时会自动在框下方添加该文本。我知道这听起来有点毫无意义，但我真的需要这个并且无法弄清楚如何做到这一点。我将不胜感激所有帮助。我遇到过

**HTML**

<input name="name" id="name" />
**jQuery**

$("#name").change(function() {
$("#idOfPElementWhichYouWantToEdit").text($(this).val());
});

但它对我不起作用，我已经尝试过了。谢谢！

score 0 · Accepted Answer

您的代码按预期运行（请参阅此jsFiddle）。

给你一些提示。使用 DOM 元素时，请确保将 jQuery 代码包装在DOMReady事件周围。您可以$(function() { });按如下方式使用快捷方式：

$(function() {  
    $("#name").change(function() {
        $("#idOfPElementWhichYouWantToEdit").text($(this).val());
    });
});

您还应该被告知change()仅在input元素模糊（即失去焦点）时触发。对于“实时”更改，请考虑使用keyup()如下：

$(function() {  
    $("#name").keyup(function() {
        $("#idOfPElementWhichYouWantToEdit").text($(this).val());
    });
});

score 0 · Accepted Answer

不要使用change事件，而是尝试keyUp输入事件。

在输入失去焦点之前不会触发更改事件，这就是为什么它不会随您而更新的原因。

2 回答 2