js复制文本及其他内容到粘贴板

最新推荐文章于 2024-07-09 14:19:27 发布

Su RuiN

最新推荐文章于 2024-07-09 14:19:27 发布

阅读量105

点赞数

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_39999924/article/details/112347253

版权

js复制文本框中的值
方法一

 1 <script type="text/javascript">
 2 function copyUrl2()
 3 {
 4 var Url2=document.getElementById("biao1");
 5 Url2.select(); // 选择对象
 6 document.execCommand("Copy"); // 执行浏览器复制命令
 7 alert("已复制好，可贴粘。");
 8 }
 9 </script>
10 <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
11 <input type="button" onClick="copyUrl2()" value="点击复制代码" />

方法二
这个方法有一点点小不美观就是选中的时候，页面上会出现被选中的内容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<div>
<span id="copyMy"> 复制我试试</span>
<button onClick="copyFn()">点击复制</button>
</div>

<script>
function copyFn(){
var val = document.getElementById('copyMy');
window.getSelection().selectAllChildren(val);
document.execCommand ("Copy");

}
</script>
</body>
</html>

方法三
和方法一差不多
创建父元素，设置relative+z-index -1
目的让其不可见，里面是input
思路就是让他不可见但还需要渲染出来
然后还是利用方法一的办法复制里边的内容，（这种的好处是用户无感知）

Su RuiN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js复制文本及其他内容到粘贴板

js复制文本框中的值方法一 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 var Url2=document.getElementById("biao1"); 5 Url2.select(); // 选择对象 6 document.execCommand("Copy"); // 执行浏览器复制命令 7 alert("已复制好，可贴粘。"); 8 } 9 </script>10 <
复制链接

扫一扫