JS实现一键复制功能

最新推荐文章于 2024-05-26 08:00:00 发布

番薯配可乐

最新推荐文章于 2024-05-26 08:00:00 发布

阅读量1k

点赞数 1

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_43969517/article/details/124260633

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

利用textarea元素，进行自动选中后执行 document.execCommand('copy') 命令进行复制到粘贴板中；

// 点击复制按钮之后执行该事件即可
const handleCopy = url => {
    let textareaEl = document.createElement('textarea')  // 创建一个元素
    textareaEl.value = url   // 将需要复制的内容传给该元素作为文本
    document.body.appendChild(textareaEl)
    textareaEl.select()   // 自动选中
    document.execCommand('copy')  // 这个命令会将选中的内容复制到粘贴板中
    document.body.removeChild(textareaEl)
}