[JavaScript知识库]web实现复制

前端web如何实现复制

使用第三方依赖 Clipboard

定义复制类名，复制成功与失败事件（不是必须）；

import Clipboard from 'clipboard';
const objClipboard = new Clipboard('.copy');
objClipboard.on('success', (e) => {
    e.clearSelection();
    console.log('复制成功');
})
objClipboard.on('error', (e) => {
    e.clearSelection();
    console.log('复制失败');
})

使用
例子：
在按钮上绑定样式 copy，使用 data-clipboard-text 绑定复制数据。

<Button
     className='copy'
     data-clipboard-text={this.copyValue}
     size="small"
     type="text"
     style={{ borderRadius: "15% 15% 0 0 ", border: '2px gray solid' }}
    >复制</Button>

更多例子

原生方法实现