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() を探していますか.

もしそうなら、これを使用してください：

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

Answer 2

それは、changeイベントを処理していないためです

ドキュメント準備完了に次のコードを追加します

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

Answer 3

追加する必要があります

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

onTextChanged、または入力などのイベントでonBlur。