js如何实现复制功能

辰漪
2021-12-17 / 0 评论 / 90 阅读 / 正在检测是否收录...

复制功能实现方法

  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) // 复制成功的回调...
}
3
选择打赏方式:
微信

评论 (0)

取消