antd-Typography 组件
antd 中 Typography 排版组件带有复制功能。
import { Typography } from 'antd';
const Demo = () => {
return <Typography.Paragraph copyable>This is a copyable text.</Paragraph>;
};
ReactDOM.render(<Demo />, mountNode);
clipboard.js
作用
不依赖flash实现复制粘贴功能,不用鼠标全选进行复制而是点击一个按钮进行某些内容的复制。
copy-to-clipboard
使用 JS 将内容从浏览器复制到剪贴板。
react-copy-to-clipboard
复制到剪贴板的 Reac t组件。
原生 js 实现
clipboard API
Clipboard - Web API 接口参考 | MDN
Clipboard API - Web API 接口参考 | MDN
document.execCommand(已废弃)
参考:document.execCommand-Web API接口参考| MDN
const Url2 = document.getElementById('biao1');
Url2.select(); // 先要选中文本
document.execCommand('Copy'); // 执行浏览器复制命令