H5 移动端实现复制功能


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')) {
    // IOS不支持此方法,所以复制不成功
    document.execCommand('copy')
  }
  document.body.removeChild(input);
  console.log('复制成功!');
},


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM