点击复制效果
实现
创建一个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 所能直接支持的命令有限。