js复制到剪切板功能实现

js 2023-07-18 614次浏览

前言

在JavaScript中,可以使用document.execCommand('copy')方法将文本复制到剪贴板。以下是一个示例代码:

function copyToClipboard(text) {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
}

// Example Usage:
const copyText = '要复制的文本';
copyToClipboard(copyText);

以上代码:

  1. 创建一个临时的<textarea>元素,将文本赋值给它,并将其添加到页面中。
  2. 通过选择文本和执行document.execCommand('copy')命令将其复制到剪贴板。
  3. 删除临时的<textarea>元素。

注意

对于一些浏览器,这种方法可能需要在用户与页面进行交互的上下文中执行,例如在鼠标点击或键盘事件处理程序中。否则,浏览器可能会阻止复制操作以保护用户的隐私。所以,确保在合适的时机调用copyToClipboard函数。

js复制到剪切板功能实现

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址