js 剪切、复制、粘贴功能实现

let clipBoard = navigator.clipboard;
// 写入文本至操作系统剪贴板
clipBoard.writeText('你好').then(() => {
  this.$message.success('复制成功！')
})
// 写入任意数据（比如图片）至操作系统剪贴板用 clipBoard.write()
// 从剪贴板读取文本
clipBoard.readText().then(clipText => {
  console.log(clipText);
})
// 从剪贴板读取数据（比如图片）用 clipBoard.read()

function copyText (text) {
  $('body').append(`<textarea id="iclip-container" value="${text}">${text}</textarea>`);
  $('#iclip-container').select();
  if (document.execCommand('copy', false, null)) {
    $('#iclip-container').remove();
    alert('复制成功！')
  }
}

function copyText (text) {
  const copy = function(event) {
      let clipboardData = event.clipboardData || window.clipboardData;
      clipboardData.setData('text/plain', text);
      event.preventDefault();
  };
  document.addEventListener('copy', copy);
  document.execCommand('copy');
  document.removeEventListener('copy', copy);
  this.$message.success('复制成功！');
},

// 可以监听 cut 事件对剪切内容进行修改
const source = document.querySelector('div.source');
source.addEventListener('cut', (event) => {
    const selection = document.getSelection();
    event.clipboardData.setData('text/plain', selection.toString().toUpperCase());
    selection.deleteFromDocument();
    event.preventDefault();
});