如何从一个文本区域复制到另一个文本区域？

Question

我有一页，有两个 textarea 元素。如何将文本从一个 textarea 复制到另一个？

<textarea id="one"></textarea>
<textarea id="two"></textarea>

因此文本区域一主要是显示数据的地方，我需要在 onchange 事件期间将其复制到文本区域二。

Answer 1

试试这个。 DEMO

$("#one").keyup(function(){
   $("#two").val($(this).val()) 
});

希望对您有所帮助。

Answer 2

我会这样做：

$("#one, #two").on("change keyup", function(){
    $("textarea").not($(this)).val($(this).val());
});

Here is the JSFiddle demo

代码将同步两者textareas

Answer 3

试试这个。

function Copydata(){
  $("#two").val($("#one").val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<textarea id="one" onkeyup=Copydata();></textarea>
<br/>
<textarea id="two"></textarea>

Answer 4

您也可以使用 on - input，如下所示，copy-paste 的回复也是如此..

$("#one").on("input", function(){
    $("#two").val($(this).val());
});

DEMO

Answer 5

$('#one').on('keyup',function(){
    $('#two').val($(this).val());
});

JSFiddle Example

Answer 6

如果您想在 JS 中执行，请执行以下操作：

Fiddle

function addEvent(el, name, func, bool) {
 if (el.addEventListener)
  el.addEventListener(name, func, bool);
 else if (el.attachEvent)
  el.attachEvent('on' + name, func);
 else el['on' + name] = func;
}

addEvent(one, 'keydown', function(e) {
 two.value = e.target.value;
}, false);

<textarea id="one"></textarea>
<textarea id="two"></textarea>

如何从一个文本区域复制到另一个文本区域？

How to copy from one textarea to another?

html

javascript

jquery

textarea

Fiddle