js点击复制文本及文本框内容

1、复制文本内容

js点击复制文本及文本框内容

<div><span>https://www.baidu.com</span><span οnclick="copyText(this)" style="color: blue;margin-left: 20px;">复制</span></div>
<script type="text/javascript">
   function copyText(ele){ //复制文本需要在文档中添加一个复制用的input previousSibling/previousElementSibling/ nextElementSibling
       var eles=ele.previousSibling;
           var copyDOM = eles; //要复制文字的节点
           var range = document.createRange(); //创建一个range
           window.getSelection().removeAllRanges();   //清楚页面中已有的selection
           range.selectNode(copyDOM);    // 选中需要复制的节点
           window.getSelection().addRange(range);   // 执行选中元素
           var successful = document.execCommand('copy');    // 执行 copy 操作
           if(successful){
           alert('复制成功',{time: 2000});
           }else{
           alert('复制失败',{time: 2000});
           }
           // 移除选中的元素
           window.getSelection().removeAllRanges();

           }

</script>

2、文本框内容的复制，input/textarea

js点击复制文本及文本框内容

<body>
<script type="text/javascript" src="4号/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
function copyUrl2() {//复制文本框内容
$("#biao1").select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="text" id="biao2" value="测试" />
<input type="button" onClick="copyUrl2()" value="点击复制" />
</body>

js点击复制文本及文本框内容

相关推荐