最简单js代码实现一键复制文字

2017年08月09日 22:20:13益点益滴12529

目前网页最常见的一键复制方式:ZeroClipboard,Clipboard.js,execCommand,setData,和只支持老旧IE的其它鸡肋方法。前两种是JS插件,不在此文讨论之列,今天我们单纯讲最简单的document.execCommand("copy")代码方法,以下是实例代码:

<script type="text/javascript"> 
    function jsCopy(id){ 
        var e=document.getElementById(id); 
        e.select();
        document.execCommand("Copy");
        alert("复制成功!"); 
    } 
</script>
<textarea cols="60" name="content" rows="2" id="content">www.yiwuku.com</textarea>
<input type=button value="复制" onclick="jsCopy('content')">

execCommand兼容浏览器:Chrome/Firefox/IE9+/Safari较新版本。

完整execCommand命令写法是document.execCommand("Copy","false",null),意思就是复制选中的文字到剪贴板,后面两个参数可略写。

超赞,真给力!嗯,必须鼓励~

打赏1
账号:mxy310@163.com[复制]
账号:77940140[复制]

Z-Blog应用开发创意征集

兄弟,有没有什么想造的Z-Blog主题/插件呀?
你大胆说细节想法,我负责来落地实施!
建议若被采纳,你可以优先免费享用。
详细沟通可以QQ77940140,也可以点击这里直接与我对话,无需任何聊天软件。