将文字复制到剪切板

慕仲卿2023-11-24 10:03

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

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');