复制到剪切板功能-js

封装了一个实现复制到剪切板的函数,如下

 //text 需要复制到剪切板的数据
export function copyText(text, callback) {
  if (navigator.clipboard) {
    console.log('navigator.clipboard: ');
    navigator.clipboard.writeText(text).then(res => {
      callback();
    });
  } else {
    console.log('execCommand: ');
    var textBox = document.createElement('input');
    textBox.value = text;
    document.body.appendChild(textBox);
    textBox.select();  // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    textBox.remove();//清除DOM
    callback();
  }
}

navigator.clipboard好像是本地开发时无法使用,必须是https安全协议,所以可以进行判断,document.execCommand没有要求,虽然document.execCommand方法已经被弃用,但是还能使用,不过在有其他方法的情况下,优先使用其他方法
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值