js实现复制内容到剪贴板

2021-05-13 04:29

阅读:383

标签:let   pre   行选中   -o   不可   document   oar   func   target   

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

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

    

    复制

    //获取input并执行选中

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

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

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

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

    123456

    复制

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







js实现复制内容到剪贴板

标签:let   pre   行选中   -o   不可   document   oar   func   target   

原文地址:https://www.cnblogs.com/zhangruiqi/p/12003065.html


评论


亲,登录后才可以留言!