Добавить INPUT в 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;
  });

});

• Рабочий пример здесь добавьте / edit к URL для воспроизведения с примером

Answer 2

В 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
});

Answer 3

$('#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;
});