在JQuery中输入INPUT到TEXTAREA

我有一个输入文本框。

当有人输入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; }); }); 

• 这里的工作示例添加/编辑 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; });