Question

如何使粘贴按钮工作？

我的My Text有1个元素textarea。

<textarea id="myText">Ananda</textarea>

我想将其粘贴到另一个输入文本中。

<input type="text" id="resultPaste">

我有从#myText到#resultPaste的粘贴按钮。

<span class="btn-main btn-paste">PASTE</span>

我的代码 jQuery：

$(document).ready(function() {
 $(".btn-paste").click(function() {
        var text = $('#myText').val()
    $('#resultPaste').append(text);
 });
});

代码段示范：

＆＃13;

$(".btn-paste").click(function() {
		var text = $('#myText').val();
    $('#resultPaste').append(text);
});

＆＃13;

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<textarea id="myText">Ananda</textarea>
<br>
<button class="btn-primary btn-paste">PASTE</button>
<br><br>
<input type="text" id="resultPaste">

＆＃13;

JSFiddle

Answer 1

$(document).ready(function() {
  $(".btn-primary").click(function() {
    var text = $('#myText').val();

  $('#resultPaste').val( $('#resultPaste').val()+text);
  });
});

追加不适用于textarea

Answer 2

我不知道追加的内容，但为了设定价值，你必须使用

el.val('something')

＆＃13;

$(".btn-paste").click(function() {
  var text = $('#myText').val();
  $('#resultPaste').val(text);
});

＆＃13;

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<textarea id="myText">Ananda</textarea>
<br>
<button class="btn-primary btn-paste">PASTE</button>
<br><br>
<input type="text" id="resultPaste">

＆＃13;

Answer 3

由于您只是复制了所有文字而只是在.val()副本和过去<textarea>上使用<textarea>。

$(".btn-paste").click(function() {
    $('#resultPaste').val($('#myText').val());
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<textarea id="myText">Ananda</textarea>
<br>
<button class="btn-primary btn-paste">PASTE</button>
<br><br>
<input type="text" id="resultPaste">

Answer 4

没有jquery

等待DOM加载
获取更改文字的按钮
获取输入文本
获取文字并将其放入。

window.addEventListener("DOMContentLoaded", () => {
 document.getElementsByClassName("btn-paste")[0].addEventListener("click", () => {
 document.getElementById("resultPaste").value = document.getElementById("myText").value;
 });
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<textarea id="myText">Ananda</textarea>
<br>
<button class="btn-primary btn-paste">PASTE</button>
<br><br>
<input type="text" id="resultPaste"/>

可能使用按钮从Textarea粘贴到另一个textarea输入？ | jQuery的

4 个答案: