将文字复制到剪切板

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

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');
相关推荐
Never_Satisfied12 小时前
C#插值字符串中大括号表示方法
前端·c#
wuhen_n12 小时前
初识TypeScript
javascript·typescript
w***765512 小时前
JS vs jQuery:核心差异解析
开发语言·javascript·jquery
踢球的打工仔12 小时前
typescript-类
前端·javascript·typescript
天天打码13 小时前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte
0思必得013 小时前
[Web自动化] Selenium元素定位
前端·python·selenium·自动化·html
EEEzhenliang13 小时前
CSS知识概括、总结
前端·css
大阳光男孩13 小时前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
wy31362282114 小时前
C#——意框架(结构说明)
前端·javascript·c#
研☆香14 小时前
JS中的三种显示弹窗
开发语言·前端·javascript