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

快捷复制功能(如点击复制),应该是非常常见的需求了,但网上一搜全是老掉牙的方法。都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);

代码多,性能低!

posted @ 2021-02-03 11:26  enne5w4  阅读(145)  评论(0编辑  收藏  举报