手机端h5网页实现复制功能

最新推荐文章于 2024-04-30 16:57:21 发布

nanrochelle

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量568

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/nanrochelle/article/details/130961852

版权

// 添加onClick事件
const copyLinkSet = () => {
    return (
      <div
        onClick={() => {
          copyLink();
        }}
      >
        <Iconfont type={'icon-lianjie'}></Iconfont>
        <div>复制链接</div>
      </div>
    );
  };

// copy功能实现
const copyLink = async () => {
    try {
      await navigator.clipboard.writeText(shareUrl);
      Toast.show({
        icon: 'success',
        content: '复制成功',
      });
    } catch (error) {
      Toast.show({
        icon: 'success',
        content: '复制失败',
      });
    }finally{
      closeAction();
    }
  };