Live append from field

Question

Это код, который у меня есть.

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


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

Проблема заключается в том, что, когда я изменить то, что напечатал в input он повторно не Append. Кто-нибудь может мне помочь?

Answer 1

Вам нужно добавить

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

в каком-то событии, такие как onTextChanged или onBlur входа.

Answer 2

Это потому, что вы не обрабатывается change событие

Добавьте следующий код в документе готовый

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

Answer 3

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

я не получил одну точку, вы действительно ищете .append , или .html(), Так как .append добавит добавление измененного значения в заголовок span, вам может понадобиться .html,

Если это так, se this:

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