兼容性:
获取剪贴板数据这块各个浏览器间存在很大的兼容性问题:
ie:
通过监听 paster 或 beforepaste ,在全局变量 clipboardData
中取得黏贴数据:
onpaste=function(){
alert(clipboardData.getData("Text"););
}
但局限性在于只能取得文本数据而不能取得富文本html.
firefox:
ff 提供了丰富的 api
接口,但需要用户提升权限
这一条就使得 ff 的 api形同虚设。
chrome:
支持 w3 clipboard api
(借鉴 ie,不过 clipboardData 和事件关联),可以随意取得 html/text 格式的剪贴板内容,十分方便:
onpaste=function(e){
e.clipboardData.getData("text/html"); // html 格式
e.clipboardData.getData("text/plain");// 纯文本格式
}
换个思路自己实现
其实可以完全绕开浏览器的剪贴板相关 api,经过一些 trick,可以取得用户的粘贴信息,主要关注以下事件:
beforepaste
: ie only. 在黏贴的数据放到页面前触发,返回 false 则允许右键菜单有黏贴选项。
paste :
ie
: 黏贴的数据放到页面后触发。
firefox/chrome
: 黏贴的数据放到页面前触发。
主要实现思路为在将数据黏贴到 a 输入区域前,将焦点定位到隐藏的b输入区域,使得用户数据被黏贴在 b 区域,然后从 b 区域中取出处理后再填入 a 区域,并恢复焦点到 a 区域:
$("#a").on(ie?"beforepaste":"paste",function(e){
$("#b").text("");
$("#b")[0].focus();
setTimeout(function(){
$("#a").text($("#b").text().replace(/[^\d]+/,""));
$("#a")[0].focus();
},0);
});
});
这样就可以间接得取得剪贴板数据进行处理。
不过很有必要进行一些复杂的其它处理 ( 待续
):对 a 进行选择区域位置的保存与恢复以及替换被黏贴的部分内容.
event paste demo @ google code
refer
http://stackoverflow.com/questions/2176861/javascript-get-clipboard-data-on-paste-event-cross-browser
http://msdn.microsoft.com/en-us/library/ms536905%28v=VS.85%29.aspx
https://developer.mozilla.org/en/DOM/element.onpaste
http://help.dottoro.com/ljxqbxkf.php
http://almaer.com/blog/supporting-the-system-clipboard-in-your-web-applications-what-a-pain
分享到:
相关推荐
主要介绍了jQuery获取剪贴板内容的方法,结合实例形式分析了jQuery针对不同浏览器获取剪贴板内容的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
最近需要在浏览器端实现excel数据的粘贴,一开始去找获取剪贴板数据的方法。但是在浏览器端,JS去取是受安全限制的。
处理剪贴板中Excel中的数据,封装成自定义的数据集,获取剪贴板中的Excel数据,并进行处理,保留空单元格,方便读取后程序处理
剪贴板数据 获取 源程序 代码 clipboard data
用C#的Clipboard类实现获取剪贴板的类型信息,并显示。
写入和获取剪贴板中的数据VC6.0源代码.zip
发送数据到剪贴板及从剪贴板获取数据
易语言API取剪辑板图像源码,API取剪辑板图像,取剪贴板位图数据C,取剪贴板位图数据A,整数_到字节集,取剪贴板位图数据B,删除对象,打开剪贴板,GlobalSize,设置剪贴板数据,获取剪贴板数据,关闭剪贴板,取对象属性_,...
主要介绍了JS实现获取剪贴板内容的方法,涉及javascript基于clipboardData操作剪贴板的相关技巧,需要的朋友可以参考下
Winform中实现将照片剪贴到剪贴板中并进行粘贴示例代码;
javascript可以使用window.clipboardData对象处理剪贴板内容 保存到剪贴板的方法 setData(param1, param2) param1 :数据类型 text 或 URL等. param2 :数据内容 从剪贴板读出数据的方法 getdata(param1) 清空数据的...
1、提取剪贴板所有数据格式并实时显示当前剪贴板中的所有类型数据。 2、选择不同剪贴数据格式类型,读取该类型的剪贴板内容并显示。
也就是当你使用了剪贴或复制的功能时,暂存在Windows剪贴板的内容会被本程序跟踪到,你通过本程序预设的两个功能可显示出剪贴板内的信息,这个程序主要是让大家知道C#是如何操作获取剪贴板中的内容,便于以后更深...
1,支持自动获取剪贴板数据省去了ctrl c、ctrl v(切到软件窗口直接回车等同按ping按钮) 2,支持置顶窗口 3,支持批量导入ip自动去除重复ip 4,支持单线程多线程切换(少于10个ip自动单线程) 5,支持ping D段ip 6...
易语言取网页图片数据源码,取网页图片数据,填写表单,提交表单,取元素对象,置焦点,点击,取表单值,取图片,取图片数据,复制图片到剪贴板,从剪贴板取位图,关闭剪贴板,设置剪贴板数据,获取剪贴板数据,打开剪贴板
bp GetClipboardData 获取剪贴板数据 拦截注册表: bp RegOpenKey(A) 打开子健 bp RegOpenKeyEx 打开子健 bp RegQueryValue(A) 查找子健 bp RegQueryValueEx 查找子健 bp RegSetValue(A) 设置子健 bp RegSetValueEx...
第一种 import win32clipboard import time #速度快 容易出错 class niubi(): def lihai(self): ... """获取剪贴板数据""" win32clipboard.OpenClipboard() data = win32clipboard.GetClipboardData(win32clipbo