复制内容到剪贴板的两种方法

将内容复制到剪贴板的两种实现方法。

document.execCommand(‘copy’)

function copyToClipboard(text) { 
    const save = function (e) {
        e.clipboardData.setData('text/plain', text)
        e.preventDefault() // 阻止默认行为
    }
    document.addEventListener('copy', save) // 添加一个copy事件
    document.execCommand('copy') // 执行copy方法
}  
// 使用方法：  
copyToClipboard('你要复制的文本');

Clipboard API

function copyToClipboard(text) { 
    navigator.clipboard.writeText(text).then(function() {  
        console.log('复制成功');  
    }, function(err) {  
        console.error('无法复制文本: ', err);  
    });  
}
  
// 使用方法：  
copyToClipboard('你要复制的文本');

注意：document.execCommand('copy')不是所有浏览器都支持，而且其行为可能会在未来的浏览器版本中发生变化。因此，推荐使用 Clipboard API。

以上总结是写给别人更是写给自己，如有不对的地方或者更好的方法，欢迎留言交流，在探索的路上与君共勉！