将文字复制到剪切板

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

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');
相关推荐
Jonathan Star3 小时前
两个圆形 一个z里面一个z外面,z里面的大,颜色不同 html
前端·html
洛小豆4 小时前
前端开发必备:三种高效定位动态类名元素的 JavaScript 技巧
开发语言·前端·javascript·面试
啵一杯4 小时前
leetcode621. 任务调度器
服务器·前端·数据结构·算法·c#
2401_857297915 小时前
2025校招内推-招联金融
java·前端·算法·金融·求职招聘
琴~~6 小时前
前端全屏模式切换
前端·javascript
东方小月6 小时前
JavaScript中的随机函数Random的妙用
前端·javascript
有盐、在见6 小时前
前段辅助工具分享(像素大厨)
javascript
林九生6 小时前
【React】(推荐项目)使用 React、Socket.io、Nodejs、Redux-Toolkit、MongoDB 构建聊天应用程序 (2024)
前端·mongodb·react.js
每天吃饭的羊7 小时前
ConstructorParameters
前端
Jiaberrr7 小时前
微信小程序攻略:如何验证Token是否即将失效并自动刷新
前端·javascript·微信小程序·小程序·前端框架