一、 原生js实现,电脑可以用,手机不可以用

  1. 必须是 input元素 才可以使用

    <input id="code" type="text" value="www">

    <span class="copy-btn" v-on:click="copy">复制</span>

    //获取input并执行选中

    document.getElementById('code').select();

    //执行documen的copy事件
    document.execCommand('copy');

二、clipboard.js 实现,电脑、手机都可以用  https://github.com/zenorocha/clipboard.js

  1.  input、div 任何元素都可以使用

    <span id="code">123456</span>

    <span class="copy-btn" data-clipboard-target="#code" v-on:click="copy">复制</span>

    let clipboard = new ClipboardJS('.copy-btn');
    clipboard.on('success', function(e) {
      //复制成功
      console.log("复制成功");
      //取消选中
      e.clearSelection();
    });

												

最新文章

  1. android基础(五)网络编程
  2. 如何解决pycharm输入中文报错问题
  3. 在.net中使用aquiles访问Cassandra(一)
  4. 如何用Endnote导入你要用的格式
  5. ASP标准控件的重要性
  6. NSQ:分布式消息队列学习记录
  7. tcpreplay安装使用
  8. Swift中的设计模式
  9. hdu5179(数位dp)
  10. html中的a标签的target属性的四个值的区别?
  11. JVM核心之JVM运行和类加载全过程
  12. hdu 5014(贪+位运算)
  13. d3.csv()后获取的数据不是数组,而是对象
  14. Java容器解析系列(9) PrioriyQueue详解
  15. python常见的数据转化函数
  16. [SDOI2017]树点涂色
  17. express4.x socket
  18. dubbo接口访问控制
  19. oracle数据库查询重复记录
  20. learning uboot distro design in am335x-evm board

热门文章

  1. Android学习_7/26
  2. [题解] [bzoj2622] 深入虎穴
  3. Vue使用Axios实现http请求以及解决跨域问题
  4. 黑马lavarel教程---13、分页
  5. 黑马lavarel教程---11、响应处理
  6. 黑马lavarel教程---10、lavarel模型关联
  7. koa 基础(二十六)数据库 与 art-template 模板 联动 --- 编辑数据、删除数据
  8. ftp配置文件详解
  9. [占位符 &amp;nbsp; ]
  10. Json文件删除元素