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
思路就是让他不可见但还需要渲染出来
然后还是利用方法一的办法复制里边的内容,(这种的好处是用户无感知)