前端仔,别再用祖传方法实现复制功能了

快捷复制功能(如点击复制),应该是非常常见的需求了,但网上一搜全是老掉牙的方法。都2021年了,是时候使用一下新方法了:

新方法直接操作剪贴板,非常高效。直接上代码:

navigator.clipboard.writeText(text);  // 剪贴板还有很多其他功能,请自行解锁吧

没看错,就一行搞定。

再看老方法:

let input = document.createElement('input');
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand('Copy');
document.body.removeChild(input);

代码多,性能低!

enne5w4 原创博文,转载请注明出处! 地址:https://www.cnblogs.com/zhwc-5w4/ (欢迎技术交流探讨)
原文地址:https://www.cnblogs.com/zhwc-5w4/p/14371630.html