JS复制数据到剪切板

[wqhui]

核心方法是执行document.execCommand('copy')，不过该方法需要一个可编辑元素，所以我们要先创建一个input或者是textarea，然后将数据赋给可编辑元素，选中值并且设置焦点，然后执行。

const copyDataToClipboard = (data) => (element) => {
  element.value = data
  element.select()
  element.focus()
  document.execCommand('copy')
}

function executeOnTempElement (targetDom, callback) {
  var eTempInput = document.createElement('textarea')
  eTempInput.style.width = '1px'
  eTempInput.style.height = '1px'
  eTempInput.style.top = '0px'
  eTempInput.style.left = '0px'
  eTempInput.style.position = 'absolute'
  eTempInput.style.opacity = '0.0'
  targetDom = targetDom || document
  targetDom.appendChild(eTempInput)
  try {
    callback(eTempInput)
  } catch (err) {
    console.warn(' Browser does not support document.execCommand(\'copy\') for clipboard operations')
  }
}

//send
function sendToClipboard () {
  executeOnTempElement(ducument, copyDataToClipboard('hello world'))
}