首页 > 其他 > 详细

点击button按钮,实现复制效果

时间:2021-07-29 15:36:46      阅读:26      评论:0      收藏:0      [点我收藏+]

问题描述:

需要实现点击某个按钮,成功复制某条链接,并在浏览器打开

技术分享图片

 

 函数封装:


  <div class="copy" @click="copyText(jump_url)">复制</div>
copyText(text) {
      var textarea = document.createElement(‘input‘)// 创建input对象
      var currentFocus = document.activeElement// 当前获得焦点的元素
      document.body.appendChild(textarea)// 添加元素
      textarea.value = text
      textarea.focus()
      if (textarea.setSelectionRange) {
        textarea.setSelectionRange(0, textarea.value.length)
      } else { textarea.select() }
      try {
        this.flag = document.execCommand(‘copy‘)// 执行复制
      } catch (eo) {
        this.flag = false
      }
      document.body.removeChild(textarea)// 删除元素
      currentFocus.focus()
      return this.flag
    }

 

点击button按钮,实现复制效果

原文:https://www.cnblogs.com/qinyuanchun/p/15074404.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!