Javascript前端

前端实现复制功能

2021-03-18  本文已影响0人  Jabo

简介

前端实现复制功能大部分开发第一反应是插件clipboard,确实也比较省事。如果想自己实现很扩展其实也很简单,直接上代码

 copy() {
      let localObj = window.location;
      let url = localObj.origin + '?id=' + this.userInfo.uid
      let _input = document.createElement('input'); // 直接构建input
      _input.value = url; // 设置内容
      document.body.appendChild(_input); // 添加临时实例
      _input.select(); // 选择实例内容
      document.execCommand('Copy'); // 执行复制
      document.body.removeChild(_input); // 删除临时实例
      console.log('复制成功!')
    },

ok妥了

上一篇 下一篇

猜你喜欢

热点阅读