zoukankan      html  css  js  c++  java
  • js复制内容到剪切板

    实现思路如下:

           1.创建一个input,把想要复制的内容赋值到input的value上;

           2. 把这个input插入到body内;

           3.获取这个input,对它执行选中; 

           4.执行documen的copy事件;

           5,删除刚刚插入的input。

    <div @click="getClickEmail">点我</div>
    // 复制的方法
    $_copyText(text, callback) {
          // text: 要复制的内容, callback: 回调
          var tag = document.createElement("input");
          tag.setAttribute("id", "cp_hgz_input");
          tag.value = text;
          document.getElementsByTagName("body")[0].appendChild(tag);
          document.getElementById("cp_hgz_input").select();
          document.execCommand("copy");
          document.getElementById("cp_hgz_input").remove();
          if (callback && typeof callback == "function") {
            callback(text);
    }
    
    
    getClickEmail (){
        $_copyText("woshimabu@mirrorvision.cn", res => {
              alert('复制成功')
        });
    }
  • 相关阅读:
    Redis笔记
    java多线程 interrupt(), interrupted(), isInterrupted()方法区别
    策略模式
    外观模式
    Java线程池原理与架构分析
    状态模式
    模板方法模式
    LeetCode | Path-Sum
    实用工具
    IDEA springboot配置
  • 原文地址:https://www.cnblogs.com/cap-rq/p/10240136.html
Copyright © 2011-2022 走看看