html 复制表格到excel 进行展示

直接上代码:

// 获取dom
const table = document.querySelector('#copyBox')
// 创建Rang对象
const range = document.createRange();
// 选中表格
range.selectNode(table);
// 清空所有已存在的选区,确保接下来的操作不会受到先前选区的影响。
window.getSelection().removeAllRanges();
// 将用户在页面上的选区变为了我们指定的表格范围。
window.getSelection().addRange(range);
// 复制
document.execCommand("copy");
// 清除选区
window.getSelection().removeAllRanges();
this.$message.success("复制成功");

总结:

  • 创建一个涵盖整个表格的 Range 对象。
  • 清除当前页面选区。(确保接下来的操作不会受到先前选区的影响。)
  • 设置新的选区为整个表格。
  • 执行复制命令,将表格内容复制到剪贴板。
  • 清除选区,恢复页面状态。
  • 显示“复制成功”的提示消息给用户。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值