JS 复制功能（复制文字）

最新推荐文章于 2024-09-13 15:20:54 发布

最凶残的小海豹

最新推荐文章于 2024-09-13 15:20:54 发布

阅读量688

点赞数 1

分类专栏： web前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_17627195/article/details/127788684

版权

web前端专栏收录该内容

206 篇文章 12 订阅

订阅专栏

可以兼容PC和移动端

// data是需要复制的内容
copyFunction(data) {
    let copyInput = document.createElement("input"); //创建input元素
    document.body.appendChild(copyInput); //向页面底部追加输入框
    copyInput.setAttribute("value", data); //添加属性，将需要复制的内容赋值给input元素的value属性
    copyInput.select(); //选择input元素
    document.execCommand("Copy", false, null); //执行复制命令(指令参数, 交互方式参数如果是true的话将显示对话框, 动态参数一般为一可用值或属性值)
    this.$message.success("复制成功"); //弹出提示信息，不同组件可能存在写法不同
    //复制之后再删除元素，否则无法成功赋值
    copyInput.remove(); //删除动态创建的节点
}