js点击实现复制url至剪贴板

最新推荐文章于 2023-12-13 16:33:18 发布

HaanLen

最新推荐文章于 2023-12-13 16:33:18 发布

阅读量455

点赞数

分类专栏：开发记录文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_40119412/article/details/127023377

版权

开发记录专栏收录该内容

46 篇文章 0 订阅

订阅专栏

document.execCommand(‘copy’)；//实现剪切复制剪切版的主要实现
虽然目前暂时不推荐使用，但是目前也只有这个实现，便还是继续使用
链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

在这里插入图片描述

const copyUrl = (url) => {
  const input = document.createElement('input');
  document.body.appendChild(input);
  input.setAttribute('value', url);
  input.select();
  if (document.execCommand('copy')) {
    document.execCommand('copy');
   console.log('复制成功')
  }
  document.body.removeChild(input);
};