H5 js点击按钮复制文本到粘贴板

本文实例为大家分享了js点击按钮复制文本到粘贴板的具体代码，供大家参考，具体内容如下

准备：先去下载clipboard.js: 官网
移动端效果如下：

应用：html+js 代码如下：

  
  
  
  
  

    body{
      font-weight: 300;
    }
    .code-box{
      border-radius: 5px;
      background: #f0830f;
      height: 80px;
      text-align: center;
    }
    .my-code{
      height: 20px;
      line-height: 20px;
      margin-top: 10px;
     }
    .btn-copy{
      height: 30px;
      line-height: 30px;
      border-radius: 15px;
      font-weight: 400;
      font-size: 14px;
      background-color: #fff1c8;
      color:#F06D4A;
      width: 40%;
      margin: 5px 30%;
    }
  


    —— 复制邀请码，好礼领回家 ——
    
      {$code}
      复制邀请码
    

    

注意：

一定要销毁对象 clipboard.destroy();
如果不销毁，第一次以后的复制，会有重复的alert

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。