你的位置:

荔枝笔记

/

JS复制文本框内文本

复制input输入框的内容

var content = 'this is a content!'
function copyText(content) {
      if (!content) {
        alert('复制内容为空')
        return
      }
      let cInput = document.createElement("input")
      cInput.value = content
      document.body.appendChild(cInput)
      cInput.select() // 选取文本框内容

      // 执行浏览器复制命令
      // 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
      // Input要在正常的编辑状态下原生复制方法才会生效
      document.execCommand("copy")
      // 复制成功后再将构造的标签 移除
      document.body.removeChild(cInput)
      alert('复制成功!')
}

===> 输出
this is a content!

复制textarea内容,以换行形式输出

var content = '1,2,3,4,5,6,7,8,9'
function copyText(content) {
      if (!content) {
        alert('复制内容为空')
        return
      }
      let cInput = document.createElement("textarea")
  		cInput.value = content?.replaceAll(',', '\n')
      document.body.appendChild(cInput)
      cInput.select() // 选取文本框内容

      // 执行浏览器复制命令
      // 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
      // Input要在正常的编辑状态下原生复制方法才会生效
      document.execCommand("copy")
      // 复制成功后再将构造的标签 移除
      document.body.removeChild(cInput)
      alert('复制成功!')
}

====> 输出
1
2
3
4
...

标签:

你的位置:

荔枝笔记

/