美文网首页
【web前端】几行代码实现复制文本

【web前端】几行代码实现复制文本

作者: 林哥学前端 | 来源:发表于2019-12-31 09:34 被阅读0次

function copy(data) {

          // 创建一个input

          var inputEl = document.createElement('input')

          // 设置为readonly 防止在ios系统中闪屏

          inputEl.setAttribute('readonly', '')

          // 把要复制的文本赋给input

          inputEl.value = data

          // 把input添加到body中

          document.body.appendChild(inputEl)

          // 选中全部文本 两个方法功能相同,为了兼容浏览器

          inputEl.select()

          inputEl.setSelectionRange(0, data.length)

          // 执行浏览器复制命令

          document.execCommand('Copy')

          // 移除input

          inputEl.remove()

        }

相关文章

网友评论

      本文标题:【web前端】几行代码实现复制文本

      本文链接:https://www.haomeiwen.com/subject/dmfboctx.html