移动端h5实现复制文本的功能，兼容ios

〆bird in the pool✘✘

于 2024-03-05 13:35:03 发布

阅读量364

点赞数 8

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_42057046/article/details/136476307

版权

直接上代码

class ClipboardTool {
  copy(text: any, toastText?: any) {
    const input = document.createElement('input');
    input.setAttribute('readonly', 'readonly');
    input.setAttribute('value', text || '');
    document.body.appendChild(input);
    input.setSelectionRange(0, text.length);
    if (document.execCommand('copy')) {
      input.select();
      document.execCommand('copy');
      ToastTool.showMessage(toastText || '复制成功');
    } else {
      ToastTool.showMessage('复制失败');
    }
    document.body.removeChild(input);
  }
}