注册
web

将文字复制到剪切板

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


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

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


const copyFunc = _copyToClipboard('http://localhost:3000/api?id=');
copyFunc('678');
copyFunc('123');

作者:慕仲卿
来源:juejin.cn/post/7304538094783184937

0 个评论

要回复文章请先登录注册