56

复制到粘贴板

本周我做了一个简单的“复制到剪贴板”按钮,这是我第一次做这种功能,向大家分享一下我的实现方法。

这是一个简单的小知识,本周我做了一个简单的“复制到剪贴板”按钮,这是我第一次做这种功能,向大家分享一下我的实现方法。

这很简单,比较麻烦的是我们必须为需要复制的文本增加<input/>标签。之后我们选择要复制的内容然后调用复制命令execCommand. execCommand('copy') 将会复制被选择的内容。

此方法目前被所有最新版本的浏览器支持,它可以让我们执行如复制剪切粘贴等命令,还可以改变字体颜色、大小等。

document.querySelector('#input').select();
document.execCommand('copy');

具体表现看这里