antd-Typography 组件

antd 中 Typography 排版组件带有复制功能。

  1. import { Typography } from 'antd';
  2. const Demo = () => {
  3. return <Typography.Paragraph copyable>This is a copyable text.</Paragraph>;
  4. };
  5. ReactDOM.render(<Demo />, mountNode);

clipboard.js

clipboard.js中文网
github地址

作用

不依赖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

  1. const Url2 = document.getElementById('biao1');
  2. Url2.select(); // 先要选中文本
  3. document.execCommand('Copy'); // 执行浏览器复制命令