js 一键复制功能

html(vue+antUI)

<a-button type="primary" @click="conCopy">复制会议号和链接</a-button>
<p id="con">
XXX邀请您参加融合会议
会议名称:{{shareObj.msite}}
会议时间:{{shareObj.shareTime}}
周期会议:{{shareObj.periodicTime}}
会议地点:{{shareObj.addressName ? shareObj.addressName : '无'}}
会议号:{{shareObj.joinNumber}}
       
参会人点击超链接入会:
{{shareObj.attendeeUrl}}
</p>

js

// 一键复制
      conCopy() {
          var obj = document.getElementById("con");  
          //创建input标签
          var input = document.createElement('textarea')
          let arr = obj.innerHTML
          //将input的值设置为需要复制的内容
          input.value = arr;
          //添加input标签
          document.body.appendChild(input)
          //选中input标签
          input.select()
          //执行复制
          document.execCommand('copy')
          //成功提示信息
          this.$message.success('复制成功!')
          //移除input标签
          document.body.removeChild(input)
      },
    }


版权声明:本文为zhaoyizhu1990原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。