美文网首页
【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