js原生实现复制内容到粘贴板

  private copyUrl = (url: string) => () => {
    let textArea = document.createElement('textArea')
    textArea.innerText = url
    document.body.appendChild(textArea)
    // console.log(textArea)
    var range = document.createRange(); //创建一个range
    window.getSelection().removeAllRanges();   //清除页面中已有的selection
    range.selectNode(textArea);    // 选中需要复制的节点    
    window.getSelection().addRange(range); // 执行选中元素
    let successful = document.execCommand('copy');    // 执行 copy 操作
    if(successful){
      message.success('复制成功')
    }else{
      message.error('复制失败,请手动复制')
    }
    // 移除选中的元素  
    window.getSelection().removeAllRanges();
    // 移除 创建的元素
    document.body.removeChild(textArea)
  }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 用法: 功能实现代码:
    coder丶L阅读 3,576评论 0 0
  • 使用clipboard.js插件 这样在安卓手机上没有问题,但是iOS手机上就没有反应了。 修改一下代码: 注意:...
    果好鲜阅读 9,787评论 0 0
  • 前言 在做web站开发的过程中,需要对某些内容实现复制到剪切板的功能,实现过程中有些不得不说的坑做个小记,避免以后...
    散漫二丫阅读 4,688评论 0 2
  • 在乡县影楼上班 摄影助理 负责灯光服装道具各种细小事情 到今天 一个半月的时间 看过了这个小县城里几十对预备结婚的...
    倪立梅阅读 2,350评论 0 0
  • 星子不说话 轻风拂面擦 一步步切开城市的辉煌 只有平庸踩在脚下 这样的夜 我在和谁轻声说着话 时而低调子的歌儿 飘...
    憬悟_2daa阅读 1,364评论 0 1

友情链接更多精彩内容