手撸浏览器复制功能

最新推荐文章于 2025-08-06 14:36:16 发布

原创最新推荐文章于 2025-08-06 14:36:16 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js

本文介绍了如何使用JavaScript编写一个简单的函数`const_handleCopy`，实现将指定URL快速复制到剪贴板，用户只需调用`utils._handleCopy(item)`即可完成操作，过程包括创建输入框、设置值、选择并执行复制命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法

// 复制
const _handleCopy = (url) => {
    //创建输入框元素
    let input = document.createElement("input");
    //给输入框赋 需要复制的 值
    input.value = url;
    //页面底部追加输入框
    document.body.appendChild(input);
    //选中输入框
    input.select();
    //制定浏览器复制命令
    document.execCommand("Copy");
    //复制后移除输入框
    input.remove();
    ElMessage.success("复制成功")
}