点击复制效果

实现

创建一个input,并append到body中,设置其value,并且让其select选中文本。

调用 document.execCommand 命令复制,最后移除input。

var doCopy = function (code) {
    var input = document.createElement('input');
    document.body.appendChild(input);
    input.value = `{${code}}`;
    input.select();
    document.execCommand('Copy');
    document.body.removeChild(input);

    console.log('复制成功')
};

兼容性

根据 Can I use 的数据

chrome 4+
FF 9+
Safari 6+
IE 6+

可以认为不会遇到兼容性问题,不过需要注意的是 execCommand 所能直接支持的命令有限。

参考

MDN execCommand
execCommand的用法

posted @ 2020-03-18 10:04  Ever-Lose  阅读(166)  评论(0编辑  收藏  举报