首页 > 移动平台 > 详细

H5 移动端实现复制功能

时间:2020-02-27 11:23:51      阅读:806      评论:0      收藏:0      [点我收藏+]

Template:

<el-button class="btn-close" round type="primary" @click="copyClick">生成并复制</el-button>

methods: 

// 新增一个input标签,设置其value为复制的内容,再使用execCommand()方法实现复制功能
copyClick () {
  const input = document.createElement(‘input‘)
  document.body.appendChild(input)
  input.setAttribute(‘value‘,’要复制的内容‘)
  input.select()
  if (document.execCommand(‘copy‘)) {
    document.execCommand(‘copy‘)
  }
  document.body.removeChild(input);
  console.log(‘复制成功!‘);
},

H5 移动端实现复制功能

原文:https://www.cnblogs.com/qianxuebing/p/12370784.html

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