JavaScript实现复制到剪贴板功能

  1. 开源JS库实现

支持IE8-11,chrome,Firefox。

<script>
function copyUrl(){
    // 如果需要复制的部分不在textarea里,可以隐藏一个textarea
    //$('#copytextarea').show();
    var Url2=document.getElementById("copytextarea");
    Url2.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    //$('#copytextarea').hide();
    layer.tips('复制成功!', '#copybutton');
}
</script>

<textarea id="copytextarea" >内容</textarea>
<a href="#" id='copybutton' onClick="copyUrl();return false;">复制</a>

开源JS库实现

支持版本 Chrome 42+,Edge 12+,Firefox 41+,IE 9+,Opera 29+,Safari 10+

https://github.com/zenorocha/clipboard.js



转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 bin07280@qq.com

文章标题:JavaScript实现复制到剪贴板功能

文章字数:141

本文作者:Bin

发布时间:2017-10-13, 14:49:58

最后更新:2019-08-06, 00:52:18

原始链接:http://coolview.github.io/2017/10/13/JavaScript/JavaScript%E5%AE%9E%E7%8E%B0%E5%A4%8D%E5%88%B6%E5%88%B0%E5%89%AA%E8%B4%B4%E6%9D%BF%E5%8A%9F%E8%83%BD/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录