【前端】实现点击复制文本功能

最新推荐文章于 2024-04-26 11:22:00 发布

stayinsweet

最新推荐文章于 2024-04-26 11:22:00 发布

阅读量938

点赞数

本文链接：https://blog.csdn.net/qq_37827001/article/details/125843680

版权

这里写自定义目录标题

实现点击复制文本功能
- 使用copy-to-clipboard
- 使用navigator.clipboard

实现点击复制文本功能

记录一下项目中用来实现点击复制文本的两个方法。

使用copy-to-clipboard

import copy from "copy-to-clipboard";  

const handleCopyText = value => { copy(value) }

使用navigator.clipboard

// 方法
const copyText=(value,callback)=>{
if(navigator.clipboard){
navigator.clipboard.writeText(value);
callback(true);
    return;
}
callback(false);
}

// 调用
const handleCopyText = value => {
  copyText(value, () => {
      console.log('Copy Success');
    }) }