JS实现 一键复制

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>