Javascript 从textarea复制到另一个textarea，但第二个textarea的值不应更改

我有两个区域。我正在将数据从一个复制到另一个，但是如果我更改第一个文本区域中的数据，那么第二个文本区域中的数据也会更改，这是显而易见的

我的要求是这样的：假设我已经写了国家，并且它已经粘贴到第二个文本区域。现在，如果我用任何其他国家替换国家，那么在第二个文本区域中，国家不应该被替换。如果我在第一个文本区域中写入新的内容，而不是替换内容，那么只会粘贴该数据

有可能吗

我的代码到现在为止：

函数showRelated{ //$'src2'.html$'src1'.html； $'src2'.val$'src1'.val； }

---

这个问题不是最容易破译的，但也许您想将翻译后的文本存储到第二个文本区域

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

var translate = function(input) {
    // TODO: actual translation
    return 'translated "' + input + '"';
}

var $one = $("#one");
var $two = $("#two");

$one.on('blur', function() {
    $two.val(translate($one.val()));
});

---

好吧，看来这就是你想要的：

HTML:

---

你需要做一些事情，比如

---

到目前为止你试过什么吗？或者你只是想让我们为你编写一些代码？想象你的场景是非常困难的。请发布一些代码以获得更快的帮助，并避免下载。请提供您当前拥有的代码，以便我们能够更好地帮助您。提供内部代码：untitle-4.js您需要将实际代码而不是脚本include标记粘贴到您的问题中。我无法使用按钮。@MithunDebnath有什么原因不可以吗？你需要某种触发器。您希望何时实际进行复制？第二个文本区域对用户隐藏。用户写的任何内容都将复制到第二个文本区域并进行音译。要求是这样的，如果用户替换一些数据，那么它也不会影响他已经输入的数据。这就是为什么我需要在不使用数据库。更新答案以反映您刚才所说的内容。您希望附加到已存在的内容。使用keyup将不断添加字符，但这不是所需的结果。你需要一个单一的事件，比如模糊，这和我所说的相似，但是对它的一个小小的修改是var三=2+1；因为在结尾添加新的内容似乎更自然一些。

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

var translate = function(input) {
    // TODO: actual translation
    return 'translated "' + input + '"';
}

var $one = $("#one");
var $two = $("#two");

$one.on('blur', function() {
    $two.val(translate($one.val()));
});

<textarea id="src1"></textarea>
<textarea id="src2"></textarea>

$("#src1").keyup(function() {
     var src1_val = $(this).val();
     var src2_val = $("#src2").val();
     var new_string = src2_val + src1_val;
     $("#src2").val(new_string);
});

$("#one").blur(function() { // triggering event
     var one = $(this).val(); // place values in variable to make them easier to work with
     var two = $("#two").val();
     var three = one + two;
     $("#two").val(three); // set the new value when the event occurs
});