从 Excel 文档中批量复制数据到 html 页面表格中
实现功能:
能够从 Excel 文档中批量复制数据,粘贴到符合要求的 html 页面中的表格中。注意一
次性复制单元格个数不要超过 300 个,超出时会导致浏览器响应变慢,甚至卡死。
使用规则:
第一条:在页面头文件中引入 copy.excel2html.js 文件
第二条:在页面 body 标签中加入 onkeydown 事件
第三条:在页面中加入一个 id 为”textAreaXXDD”的 textarea 标签。
注意:1 标签不能设置为隐藏,只能设置高度、宽度为 0px
2 标签位置建议放置在页面的顶部,因为在粘贴数据的时候 textAreaXXDD 会获得
一次焦点,获得焦点的时候页面会自动定位到 textAreaXXDD 位置,如果放置高度较高
的页面底端,则会出现页面跳动的现象。
第四条:页面 html 元素需要遵循如下结构:
<table>
<tbody>
<tr>
<td>
<input type=”text” />
</td>
</tr>
</tbody>
</table>
注意:如上所示,只有包含在 tbody tr td 下的 input 才能被 js 获取到并粘贴上数据
第五条:从 Excel 文档中复制完数据后,需要使用”Ctrl + V ”快捷键进行粘贴,不能使用鼠标
右键进行粘贴。
第六条:粘贴数据时,需要先把鼠标定位到 html 页面上的一个输入框里,粘贴数据时会以
此输入框为起点,自左至右,自上至下进行数据粘贴。
见示例文件:editEntrMonitorOneAll.jsp