如何从一个textarea复制到另一个textarea？

Question

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

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

因此，文本区域1主要是数据出现的位置，我需要在onchange事件期间将其复制到文本区域2。

Answer 1

我就是这样做的：

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

Here is the JSFiddle demo

代码将同步 textareas

Answer 2

试试这个。

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 3

试试这个。 DEMO

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

我希望它有所帮助。

Answer 4

您也可以使用on - input，也可以使用复制粘贴的响应。

$("#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>