js如何实现复制功能

复制功能实现方法

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

    封装成函数

  7. @description js复制功能
  8. @param text {String} 要复制的文本
  9. @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) // 复制成功的回调…
    }

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容