将文字复制到剪切板

笔者在开发过程中遇到点击按钮之后将文字复制到剪切板的需求,先将按钮的回调函数封装起来,便于以后使用,需要的朋友可以自取~

js 复制代码
  const _copyToClipboard = staticPart => dynamicPart => {
    if (!dynamicPart) return;
    const textToCopy = `${staticPart}${dynamicPart}`;
    const tempInput = document.createElement('input');
    tempInput.value = textToCopy;
    document.body.appendChild(tempInput);
    tempInput.select();
    document.execCommand('copy');
    document.body.removeChild(tempInput);
  };

这个函数将复制到剪切板中的内容分成两个部分:静态的和动态的,因此在使用的时候可以这样做:

js 复制代码
const copyFunc = _copyToClipboard('http://localhost:3000/api?id=');
copyFunc('678');
copyFunc('123');
相关推荐
温宇飞10 分钟前
Web 图形合成技术:Blending 与 Porter-Duff Compositing
前端
小高00714 分钟前
读懂 Tailwind v4:为什么它是现代前端项目的必选项?
前端·javascript·vue.js
boooooooom15 分钟前
computed、watch 与 watchEffect 的使用边界与实战指南
javascript·vue.js
我的golang之路果然有问题15 分钟前
python中 unicorn 热重启问题和 debug 的 json
java·服务器·前端·python·json
SpringLament16 分钟前
从零打造AI智能博客:一个项目带你入门全栈与大模型应用开发
前端·aigc
晴虹16 分钟前
lecen:一个更好的开源可视化系统搭建项目--数据、请求、寄连对象使用--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
前端·后端·低代码
MOON404☾17 分钟前
004.漏洞分析与利用
前端·网络·网络安全·系统安全·firefox
kylezhao201922 分钟前
C#根据时间加密和防止反编译
java·前端·c#
愈努力俞幸运33 分钟前
volta教程 下载安装使用
前端
冰暮流星38 分钟前
javascript短路运算
开发语言·前端·javascript