JS复制内容到剪切板

深藏阁楼爱情的钟 2022-04-06 01:36 399阅读 0赞

Html

  1. <input id="demoInput" v-model="url.pcPlayUrl" >
  2. <el-button id="btn" @click="copyTo('demoInput')">点我复制</el-button>

JS

  1. copyTo:function (labelId) {
  2. var values =document.getElementById(labelId).value; // 得到文本框中的值 如果是<spna>xxxx</span>,則使用.text得到内容
  3. var oInput = document.createElement('input');
  4. oInput.value = values;
  5. document.body.appendChild(oInput);
  6. oInput.select(); // 选择对象
  7. document.execCommand("Copy"); // 执行浏览器复制命令
  8. oInput.style.display='none'; // 隐藏创建出的元素
  9. app.$message.success("复制成功");
  10. }

发表评论

表情:
评论列表 (有 0 条评论,399人围观)

还没有评论,来说两句吧...

相关阅读