Skip to content
大纲

剪切板

系统命令

通过 document.execCommand(cmd) 实现赋值粘贴等功能

js
function copy(dom) {
  dom.select()
  document.execCommand('copy')
  console.log('已复制')
}

function paste(dom) {
  dom.focus()  // 输入框元素
  document.execCommand(paste'')
}

说明

  • 该语法已废弃
  • 只能复制选中内容
  • 操作同步,大数据量可能卡顿

ClipBoard

js
function writeToClipboard(text) {
  try {
    navigator.clipboard
      .writeText(text)
      .then(() => console.log("success"))
      .catch(() => console.log("failure"));
  } catch (err) {}
}

方法

  • .read() 读数据
  • .readText() 读文本
  • .write() 写任意数据(如图片)
  • .writeText() 写文本

说明

  • chrome 下只有 https 和 localhost 页面可以使用(非安全环境无法访问 clipBoard)
  • 读取剪切板内容时需要获得用户许可(write 权限默认授予)