js 实现Clipboard

在JavaScript中，实现复制到剪贴板的功能通常通过操作浏览器的`document.execCommand`或者使用第三方库如`clipboard.js`来完成。下面是一个基本的例子，展示如何使用原生方法实现文本复制：

function copyToClipboard(text) {
    if (window.clipboardData && window.clipboardData.setData) { // 对于IE浏览器
        window.clipboardData.setData("Text", text);
    } else {
        // 使用navigator对象对其他现代浏览器支持的API
        navigator.clipboard.writeText(text)
            .then(function() {
                console.log('复制成功');
            })
            .catch(function(err) {
                console.error('复制失败', err);
            });
    }
}

// 调用示例
copyToClipboard('Hello, clipboard!');

如果你希望提供更友好的用户界面和跨平台的支持，可以考虑引入`clipboard.js`库，它封装了复杂的底层操作，让代码变得更简洁：

<!-- 引入clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>

<!-- HTML按钮用于触发复制 -->
<button id="copyButton">复制</button>

<script>
const copyButton = document.getElementById('copyButton');
new ClipboardJS(copyButton); // 初始化

copyButton.addEventListener('click', function() {
    copyToClipboard('这是一段需要复制的内容');
});
</script>