js如何实现复制功能

复制功能实现方法

1. 先创建一个 textarea 文本域dom元素
2. 将要复制的文本放到文本域中
3. 将dom元素添加到body中
4. 调用select()将文本域的内容全选
5. 使用document.execCommand('copy')方法进行复制
6. dom.remove() 将文本域自身移除

封装成函数

/* 
* @description js复制功能
* @param text {String} 要复制的文本
* @param fn {Function} 复制成功的回调函数 参数为复制成功的text
*/
function copy(text, fn) {
    const input = document.createElement('textarea') // 创建文本域
    input.value = text // 将要复制的文本放到文本域中
    document.body.appendChild(input) // 添加到body中
    input.select() // 全选
    document.execCommand('copy') // 复制
    input.remove() // 删除自身
    fn && fn(text) // 复制成功的回调...
}