一、复制

https://clipboardjs.com/
一键复制基于clipboard.js

使用方法:

  1. cnpm install clipboard
  2. import Clipboard from 'clipboard';
  3. <a-button class="copy_content"
  4. :data-clipboard-text="voice + '@@@' + ass"
  5. @click="copy(voice + '_' + ass)">
  6. 一键复制
  7. </a-button>
  8. copy(text){
  9. const clipboard = new Clipboard('.copy_content')
  10. clipboard.on('success', e => {
  11. this.$message.success('复制成功!');
  12. // 释放内存
  13. clipboard.destroy();
  14. })
  15. clipboard.on('error', e => {
  16. // 不支持复制
  17. this.$message.warning('该浏览器不支持自动复制');
  18. // 释放内存
  19. clipboard.destroy()
  20. })
  21. },

二、粘贴

1、自动获取

  1. navigator.clipboard.readText().then((v) => {
  2. console.log("获取剪贴板成功:", v);
  3. }).catch((v) => {
  4. console.log("获取剪贴板失败: ", v);
  5. });

2、粘贴事件获取

  1. window.addEventListener("paste", function (e) {
  2. const clipdata = e.clipboardData || window.clipboardData;
  3. console.log("主动粘贴", clipdata.getData("text/plain"));
  4. });

[

](https://blog.csdn.net/qq_36658051/article/details/107908422)