前端仔,别再用祖传方法实现复制功能了
快捷复制功能(如点击复制),应该是非常常见的需求了,但网上一搜全是老掉牙的方法。都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/ (欢迎技术交流探讨)