手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS 巧妙获取剪贴板数据 Excel数据的粘贴
JS 巧妙获取剪贴板数据 Excel数据的粘贴
摘要:另外的方法就是用flash了,它可以避开浏览器的安全限制,但是system类中只有set的方法,另外的clipboard类中倒是能访问到,但...

另外的方法就是用flash了,它可以避开浏览器的安全限制,但是system类中只有set的方法,另外的clipboard类中倒是能访问到,但是似乎需要flash10的版本支持。

网上找了一圈,没啥发现。终于想到去看看google sheet是怎么干的。

发现google sheet实现了excel的纯文本的多数据格粘贴,没有安全限制的需要,没有使用flash。可能很多人都知道这种方法了,反正我一开始很惊讶的,但是无奈,google的js文件是处理过的,看起来太累了。然后又去找ZOHO sheet,它的js文件只简单处理了一下,能debug,能看。

原来,其在body上注册了onkeydown事件,当用户按下ctrl+v键的时候,js将焦点转移到一个textarea标签上,这样,接下来的keyPress和keyUp事件就发生在textarea上了,自然而然的就相当于用户在textarea中复制了一下,然后,js再将焦点转移,从textarea中将值取到。这样就取到了剪贴板内文本数据了。

下面是一个模仿ZOHO sheet实现的小例子。

复制代码 代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript"><></script>

</head>

<body onkeydown="return cellkeydown(event)">

<div>

<textarea id="textArea">

获得的Excel的文本数据,按照t,n就可以分割得到格子和行信息了。但这样只能得到简单的纯文本的excel值,格子的样式都弄不到。但我发现一个方法,当向iframe的document中复制的时候(就是在线编辑器的实现方式),这样能出现一些样式信息,IE中特别全,估计是因为自己家的产品自己能解析的缘故,FF和Chrome就只能得到行号列宽等一些简单的属性。不知道谁有方法能得到比较全的信息。

【JS 巧妙获取剪贴板数据 Excel数据的粘贴】相关文章:

三种AngularJS中获取数据源的方式

由浅到深了解JavaScript类

JavaScript基本数据结构

解析javascript中鼠标滚轮事件

JavaScript检查数字是否为整数或浮点数的方法

js获取字符串字节数方法小结

JS实现两表格里数据来回转移的方法

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

JavaScript实现带标题的图片轮播特效

父窗口获取弹出子窗口文本框的值

精品推荐
分类导航