copyText-复制到剪切板

327 阅读1分钟

日常事务处理:

一、剪切板的 JS 代码如下

// 复制方法
function copyText(id) {
  if (!id) {
    // console.log('请给copyText方法传入一个ID')
    return;
  }
  let copyDom = document.getElementById(id);
  if (!copyDom) {
    console.log('请给copyText方法传入合法ID');
    return;
  }
  const nodeTypes = ['INPUT', 'TEXTAREA'];
  if (nodeTypes.includes(copyDom.nodeType)) {
    copyDom.select();
  } else {
    window.getSelection().selectAllChildren(copyDom);
  }
  document.execCommand('Copy');
}

export { copyText };

ps:在需要的地方引用

二、在 vue 中的话可以使用插件: VueClipboard

main.js 中添加代码

import VueClipboard from 'vue-clipboard2';

Vue.use(VueClipboard);