将输入作为在JQuery中键入的内容追加到TEXTAREA

将输入作为在JQuery中键入的内容追加到TEXTAREA,jquery,input,textbox,Jquery,Input,Textbox,我有一个输入文本框 当有人在输入文本框中键入时,我需要它附加/添加到TEXTAREA值 假设用户在文本框中键入“12345” textarea(默认值=“Comment:”)将自动添加:“Comment:12345”。在键入时添加“12345”。假设区域是文本区域的id,而文本是文本框的id $('#your_input').bind('keypress', function(event) { var char_code = event.which ? event.which : w

我有一个输入文本框

当有人在输入文本框中键入时,我需要它附加/添加到TEXTAREA值


假设用户在文本框中键入“12345”


textarea(默认值=“Comment:”)将自动添加:“Comment:12345”。在键入时添加“12345”。

假设
区域
是文本区域的id,而
文本
是文本框的id

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

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

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

});
  • /edit添加到URL以播放示例

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

      这给了我:未捕获的语法错误:输入的意外结束,对不起。留下了一些终止代码。现在应该好多了。对于后置空间,你必须有一点想象力是的。