`

如何才能用js复制一个表格到剪贴板??

阅读更多

 摘自:http://bbs.51js.com/thread-12579-1-1.html

问题描述:如何才能用js复制一个表格到剪贴板??规整的table,大小任意,并想进一步粘贴到xls文件中,
我想这样可能比每个单元格赋值要快一点。


<table id='mytab'>
<tr><td>dddddddd</td><td>ccccccccc</td></tr>
<tr><td>dddddddd</td><td>ccccccccc</td></tr>
<tr><td>dddddddd</td><td>ccccccccc</td></tr>
</table>
<input type="button" value="Copy" onClick="window.clipboardData.setData('text', mytab.outerHTML);alert('去 Excel 里 Paste 试试吧');">

 

补充:如果想只复制表格里的内容,则要写成:mytab.InnerText;

分享到:
评论

相关推荐

    js实现各种复制到剪贴板的方法(分享)

    JavaScript 实现复制到剪贴板的方法是Web开发中常见的需求,尤其在用户需要快速分享或保存文本信息时。以下是一些常见的实现方式: 1. **基础方法:使用`execCommand("Copy")`** 这是最简单也最基础的复制到剪贴板...

    演示如何使用JS读取剪贴板内容将复制的表格转为图片上传

    当用户复制表格时,我们可以尝试读取剪贴板中的HTML内容。如果成功,我们可以解析这个HTML,找到表格元素并将其渲染到页面上。 在HTML解析完成后,我们需要将表格转换成图片。这里,我们可以利用HTML5的`Canvas`...

    react-reactc2c高性能和轻量级复制到剪贴板组件的react组件

    在上述代码中,`&lt;CopyToClipboard&gt;`组件包裹了一个`button`元素,当用户点击按钮时,`text`属性所指定的文本将会被复制到剪贴板。组件还支持自定义触发复制事件的元素,以及提供回调函数以处理复制成功或失败的情况...

    JS execl数据复制到web网页表格

    综上所述,实现"JS Excel数据复制到web网页表格"的过程涉及到文件读取、Excel解析、数据转换、DOM操作和可能的剪贴板API使用。这个过程中,`SheetJS`库扮演了关键角色,而良好的前端设计和交互体验也是必不可少的。

    js复制表格及清除表格内的input

    根据给定的信息,本文将详细解释如何使用JavaScript(简称JS)来实现表格的复制以及清除表格内`&lt;input&gt;`元素的功能。此方法适用于Web开发场景,特别是当需要将带有特定样式的表格数据复制到Excel中时非常有用。 ###...

    剪贴板简单学习

    剪贴板是计算机操作系统中的一个重要功能,它允许用户在不同程序之间复制、剪切和粘贴数据。在本文中,我们将深入探讨“剪贴板”的基本概念、工作原理以及相关应用,以帮助你更好地理解和利用这个实用工具。 一、...

    excel复制数据,粘贴到页面表格插件.zip

    本项目提供的"前端实现excel复制数据,粘贴到页面表格工具.zip"就是一个解决此类问题的实例。下面将详细介绍这个项目及其相关知识点。 首先,项目中包含三个文件:test.html、jquery.min.js和tableCJ。`test.html`...

    JS 巧妙获取剪贴板数据 Excel数据的粘贴

    传统的JavaScript获取剪贴板数据的方式是使用`Clipboard API`,但这个API在大部分现代浏览器中是受限的,仅允许在用户交互(如点击按钮)后才能访问剪贴板。因此,当试图直接通过JS获取剪贴板内容时,会遇到安全错误...

    JavaScript 无需flash内容复制 Clipboard.js v2.0.4.zip

    Clipboard.js v2.0.4是一个专注于剪贴板复制功能的库,它的出现解决了在没有Flash的情况下复制内容的问题。这个库设计简洁,易于集成,并且兼容多种现代浏览器,包括Chrome、Firefox、Safari、Edge和Internet ...

    通过JavaScript脚本复制网页上的一个表格

    本文将详细介绍如何使用JavaScript脚本来复制网页上的一个表格,并探讨涉及的相关技术。 首先,我们来看一个基本的HTML表格结构: ```html 测试表格 测试表格 测试表格 测试表格 ``` 要实现...

    spreadjs_跨工作簿数据复制demo.zip

    4. 实现复制逻辑:使用SpreadJS的API获取选区的数据,然后将这些数据复制到剪贴板。 5. 实现粘贴逻辑:监听粘贴事件,获取剪贴板中的数据,并将其粘贴到另一个工作表的指定位置。 6. 处理事件和错误:确保在复制和...

    Ext扩展控件,支持复制,粘贴,剪切

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种用户界面元素,使得开发者能够创建功能丰富的、交互性强的Web应用。"Ext扩展控件,支持复制,...

    按钮JS复制文本框和表格的代码

    综上所述,通过JavaScript实现复制文本框和表格内容到剪贴板是一个常见需求,虽然使用document.execCommand可以轻松实现,但需要考虑浏览器兼容性以及未来可能的变动,选择适当的替代方案来确保功能的稳定性和现代...

    javaScript复制功能调用实现方案

    Flash可以访问系统剪贴板,所以通过创建一个隐藏的Flash对象,将需要复制的文本传递给Flash,然后由Flash完成复制操作。这种方法的优点是能够兼容大部分支持Flash的浏览器。 在实际应用中,需要注意在页面加载完成...

    实现网页表格输入框批量粘贴

    网页表格批量粘贴功能是网页开发中的一个实用技巧,它允许用户从Excel或其他来源复制数据,然后一键粘贴到网页的表格中,极大地提高了数据录入的效率。在本实例中,我们将探讨如何利用JavaScript实现这一功能,特别...

    跨浏览器的复制粘贴方案

    4. "2grid-copy-clipboard.js" - 这可能是一个JavaScript文件,包含了处理网格之间复制粘贴逻辑的代码。它可能被上面的HTML文件引用,以实现实际的功能。 这些文件的结合使用,可以为开发者提供一个完整的跨浏览器...

    table导出excel(JS法-所见即所得)

    例如,我们使用了`document.getElementById("table1")`来获取HTML表格对象,`sel.moveToElementText(oTable)`来将光标移到HTML表格中,并使用`sel.execCommand("Copy")`来将HTML表格中的数据复制到剪贴板中。...

    收集的一些简单常用的Js特效

    这个文件可能包含了一个JavaScript实现的悬停菜单功能。当鼠标光标悬停在菜单项上时,菜单会扩展显示更多的子菜单或者详细信息。这种效果常用于导航栏,帮助用户快速浏览和访问多个层次的链接。 2. **利用类的方法...

    extjs模拟excel表格

    ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件库,包括用于创建类似Excel的表格的功能。在本文中,我们将深入探讨如何使用ExtJS来模拟Excel表格,以及实现Excel的各种功能...

    利用js导出Web页面内容到Word、Excel

    这里选择了ID为`PrintA`的表格元素,并将其内容复制到剪贴板中。最后,在Excel的工作表中粘贴这些内容,并显示Excel窗口。 2. **导出表单单元格内容到Excel** ```javascript function CellAreaExcel() { var ...

Global site tag (gtag.js) - Google Analytics