【JavaScript】js 处理复制函数实现

最新推荐文章于 2024-11-10 22:13:24 发布

原创最新推荐文章于 2024-11-10 22:13:24 发布 · 205 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #ecmascript

这段代码定义了一个名为copyText的JavaScript函数，用于复制给定的文本。它创建了一个输入元素，设置其值为要复制的文本，将其添加到文档body中，然后选择全部文本并执行复制命令。如果复制成功，会显示复制成功的消息。

export const copyText = (text: string) => {
  const input = document.createElement('input');
  input.setAttribute('readonly', 'readonly');
  input.setAttribute('value', text);
  document.body.appendChild(input);
  input.select();
  input.setSelectionRange(0, 9999);
  if (document.execCommand('copy')) {
    document.execCommand('copy');
    ElMessage.success('复制成功');
  }
  document.body.removeChild(input);
};