JS实现 一键复制

Posted 2020-10-14

execCommand(‘Copy‘, false, null)

文档地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

 

execCommand是document方法，可以直接使用。execCommand有很多方法，这里用到的是Copy方法。

1、参数

第一个参数是方法名，第二个是是否展示默认ui，第三个是可选参数列表（通常第二个和第三个参数用不到）。

2、返回值

document.execCommand(‘Copy‘, false, null)，返回值类型是boolean。

所以在执行该命令后，可能会出现以下情况：      

    (1) false：表示操作不被支持或未被启用。

    (2) true：复制成功

 

html:

<input type="text" value="www.xxx.com" id="url1" />
<input type="button" onClick="copyUrl()" value="点击复制代码" />

 

javascript：

<script type="text/javascript">
    function copyUrl() {
        var Url = document.getElementById("url1");
        Url.select(); // 选择对象
        try{
            if(document.execCommand(‘Copy‘, false, null)){
                //success info
　　　　　　　　　　alert(‘复制成功！‘);
            } else{
                //fail info
            } 
        } catch(err){
            //fail info
        }
    }
</script>