Question

我有一个INPUT文本框。

当有人输入INPUT文本框时，我需要它来附加/添加TEXTAREA值。

让我们说用户在文本框中输入'12345'。

textarea（默认值=“Comment：”）将自动添加：'Comment：12345'。在键入时添加“12345”。

Answer 1

假设area是您的textarea的ID，text是您文本框的ID，

$(function() {

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

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

});

Working Example here将 / edit 添加到网址以使用示例

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

在JQuery中输入INPUT到TEXTAREA

3 个答案: