4.（JavaScript）将字符串拷贝进剪切板

志行千里者

已于 2024-01-20 15:50:34 修改

阅读量391

点赞数 11

分类专栏：拿来即用的代码片段文章标签： javascript vue.js 开发语言

于 2024-01-20 15:48:53 首次发布

本文链接：https://blog.csdn.net/airconan/article/details/135716917

版权

拿来即用的代码片段专栏收录该内容

7 篇文章 0 订阅

订阅专栏

大概思路就是在看不见的地方创建一个textarea，然后选中这个元素，然后通过document执行copy命令，再移除创建的这个元素

/**
 *
 * @desc   写入剪切板
 * @param  {String} str
 */
export function clipboard(str) {
  const el = document.createElement('textarea')
  el.value = str
  el.setAttribute('readonly', '')
  el.style.position = 'absolute'
  el.style.left = '-9999px'
  document.body.appendChild(el)
  const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false
  el.select()
  document.execCommand('copy')
  document.body.removeChild(el)
  if (selected) {
    document.getSelection().removeAllRanges()
    document.getSelection().addRange(selected)
  }
}