JS 简单实现文本复制功能

发布于 2020-11-03阅读 413

要实现文本复制，我们首先简单了解下：

bool = document.execCommand('Copy')

document 暴露 execCommand 方法，该方法允许运行命令来操纵页面的元素。返回操作结果如果为 false 则表示操作不被支持或未被启用。

从而我们可以利用 execCommand 来复制或剪切当前选中内容到剪贴板。需要注意的是，在使用前需要检查浏览器的兼容性，如果需要了解更多该 API 接口信息，可以点击这了解详情。

下面，给出具体的代码参考：

/**
 * 复制文本
 * @param content 复制的文本
 */
function copyText(content){
  // 构建 input
  let input = document.createElement("input");
  // 设置内容
  input.value = content;
  // 添加临时实例
  document.body.appendChild(_input);
  // 选择实例内容
  input.select();
  // 执行复制
  document.execCommand("Copy");
  // 删除临时实例
  document.body.removeChild(_input);
}

CodeJS