jquery - 从字段实时追加

Question

这是我到目前为止的代码。

function editContent(){
    var content = $('input').val();
    $('span.title').html(content);
}


<input type="text" onKeyPress="editContent();" value="Typography" />

问题是，当我更改输入的内容时，input它不会重新附加。有人能帮我吗？

Answer 1

$( "input" ).on('change', function() {
    $('span.title').append($(this).val());
});

我没有得到一点，你真的在​​寻找.append，还是.html()，因为.append，会继续在span标题中添加更改的值，你可能需要.html，

如果是这样，请使用：

$('span.title').html($(this).val());

Answer 2

您需要添加

$('span.title').append(content);

在某些情况下，例如onTextChanged， 或onBlur输入。

Answer 3

那是因为你还没有处理change事件

在准备好的文档中添加以下代码

$( "input" ).blur(function() {
    var content = $(this).val();
    $('span.title').append(content);
});