jQuery点击复制粘贴功能
jQuery点击复制粘贴功能
提问于 2018-10-28 03:01:40
我试图在单击锚标签1时将文本从文本框复制到文本框1，它工作正常。如何创建锚标记2，将文本从文本框复制到文本框2。(JSFiddle链路)
<textarea id="textarea" placeholder="text"></textarea>
<a onclick="fn_copy();">target </a>
<a>target 2 </a>
<textarea id="target_1"></textarea>
<textarea id="target_2"></textarea>
<script>
function fn_copy()
{
var temp = document.getElementById("textarea").value;
if(temp != "")
{
document.getElementById("target_1").value = temp;
}
else
alert("Text is Empty");
}
</script>回答 4
Stack Overflow用户
回答已采纳
发布于 2018-10-28 03:15:48
下面是一个有用的例子：
<!DOCTYPE html>
<html>
<script type="text/javascript">
function fn_copy(data)
{
var temp = document.getElementById("textarea").value;
if(temp != "")
{
document.getElementById("target_"+data).value = temp;
}
else
alert("Text is Empty");
}
</script>
<body>
<textarea id="textarea" placeholder="text"></textarea>
<a onclick="fn_copy(1);">target </a>
<a onclick="fn_copy(2);">target 2</a>
<textarea id="target_1"></textarea>
<textarea id="target_2"></textarea>
</body>
</html>
Stack Overflow用户
发布于 2018-10-28 03:15:37
为什么不展开您的函数，以便它接受要复制的元素的参数。
function fn_copy(from, to) {
var temp = document.getElementById(from).value;
if (temp != "") {
document.getElementById(to).value = temp;
} else {
alert("Text is Empty");
}
return false;
}和修改后的标记
<textarea id="textarea" placeholder="text"></textarea>
<a onclick="fn_copy('textarea','target_1');">target </a>
<a onclick="fn_copy('textarea','target_2');">target 2 </a>
<textarea id="target_1"></textarea>
<textarea id="target_2"></textarea>Stack Overflow用户
发布于 2018-10-28 03:16:55
可以将一个参数传递给fn_copy函数，其值为id textarea。
function fn_copy(id)
{
var temp = document.getElementById("textarea").value;
if(temp != "")
{
document.getElementById(id).value = temp;
}
else
alert("Text is Empty");
} <textarea id="textarea" placeholder="text"></textarea>
<a onclick="fn_copy('target_1');">target 1</a>
<a onclick="fn_copy('target_2');">target 2</a>
<textarea id="target_1"></textarea>
<textarea id="target_2"></textarea>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53028034
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号