Добавить INPUT to TEXTAREA как введенный в JQuery

Question

У меня есть текстовое поле INPUT.

Как кто-то вводит в текстовое поле INPUT, мне нужно его добавить/добавить значение TEXTAREA.

---

Скажем, пользовательские типы «12345» в текстовое поле.

Текстовое поле (значение по умолчанию = "Комментарий:") автоматически добавит: «Комментарий: 12345». Добавляем '12345' по мере их ввода.

Answer 1

Предполагая area это идентификатор вашего текстового поля и text идентификатор вашего текстового поля,

$(function() { 

    var areaText = $('#area').val(); 

    $('#text').bind('keyup keypress', function() { 
     $('#area')[0].value = areaText + $(this)[0].value; 
    }); 

}); 

• Working Example here добавить /редактировать к URL, чтобы играть на примере

Answer 2

$('#your_input').bind('keypress', function(event) { 
    var char_code = event.which ? event.which : window.event.keyCode; 
    var char = String.fromCharCode(char_code); 
    $('#your_textarea').value += char; 
}); 

Answer 3

Russ Cam отсутствует кромка края - вы можете перетаскивать текст в поля ввода и внутри выделения и перетаскивания, которые не учитываются в его коде.

Ниже код, который охватывает этот случай:

$(function() { 

    var areaText = $('#area').val(); 

    $('#text').bind('keyup keypress drop', dropfunction() { 
     $('#area')[0].value = areaText + $(this)[0].value; 
    }); 

}); 

Тем не менее, есть еще один крайний случай, который удаляет и манипулируя с помощью контекстного меню. На данный момент я не могу видеть способ обнаружить выбор взаимодействия контекстного меню ... Вы можете отключить его, если это важно, используя следующий код

$('#text').bind('contextmenu', function() { 
    return false 
});