jQuery获取剪贴板内容的方法
本文实例讲述了jQuery获取剪贴板内容的方法。分享给大家供大家参考，具体如下：
这两天弄fckeditor粘贴功能，随着工作的深入和在网上查询资料，知道了在网页中一般是不允许访问“剪贴板”的，因为这样存在着很大的安全隐患，我自己也尝试着写了一个简单的demo
在IE和FF中剪贴板的访问是可控的，但是在Opera、Chrome、Safari浏览器中是不允许访问的，这样就产生了浏览器兼容的问题，怎么样才能让其他的浏览器兼容这个功能呢，在网上查找了一些资料——“使用flash去访问剪贴板”，然后把得到的值给JS，这样间接的访问了剪贴板里面的内容了
下面的代码只支持IE和FF，是我在网上找的DEMO，自己只是在这里汇总了一下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<scriptsrc="lib/jquery-1.6.4.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(
function(){
$("#show_clipbrd").click(function(){
if($.browser.msie){
ie_Show();
}else{
ff_show();
}
});
$("#set_clipbrd").click(function(){
if($.browser.msie){
ie_set();
}else{
ff_set();
}
});
}
);
functionie_Show()
{
//得到剪贴板的内容
varstr1=window.clipboardData.getData("text");
alert(str1);
}
functionff_show(){
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
varclip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if(!clip)return;
vartrans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if(!trans)return;
trans.addDataFlavor('text/unicode');
clip.getData(trans,clip.kGlobalClipboard);
varstr=newObject();
varlen=newObject();
try{
trans.getTransferData('text/unicode',str,len);
}catch(error){
returnnull;
}
if(str){
if(Components.interfaces.nsISupportsWString)str=str.value.QueryInterface(Components.interfaces.nsISupportsWString);
elseif(Components.interfaces.nsISupportsString)str=str.value.QueryInterface(Components.interfaces.nsISupportsString);
elsestr=null;
}
if(str){
alert(str.data.substring(0,len.value/2));
return(str.data.substring(0,len.value/2));
}
returnnull;
}
functionie_set(){
//显示剪贴板的内容是text类型的,给剪贴板的赋值为后面的字符串
varstr1=window.clipboardData.setData("text","<strong>mynameishuangbiao</strong>");
alert(window.clipboardData.getData("text"));
}
functionff_set(){
//将copy变量的值放到内存当中去
varcopy="<strong>mynameishuangbiao</strong>";
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
varclip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if(!clip)return;
vartrans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if(!trans)return;
trans.addDataFlavor('text/unicode');
varstr=newObject();
varlen=newObject();
varstr=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
varcopytext=copy;
str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
varclipid=Components.interfaces.nsIClipboard;
if(!clip)returnfalse;
clip.setData(trans,null,clipid.kGlobalClipboard);
alert("copy的信息为（可以用ctrl+v测试）："+copy);
}
</script>
<title>浏览器访问剪贴板</title>
</head>
<body>
<div>
<span>在IE中是对外有接口的，可以通过window.clipboardData对象得到剪贴板的内容，这样就容易导致开发人员在后台写一个程序记录用户剪贴板的内容，这样可以把海量的数据集中起来做数据挖掘，这个对用户的安全来说是很可怕的，因此在访问的时候会提示用户是否允许访问剪贴板的内容。
</span>
</div><br>
<div>
<span>在IE意外的浏览器是不允许访问剪贴板内容的，只有拒绝才是最安全的，所以在火狐等其他浏览器中不能通过window.clipboardData对象来访问剪贴板的内容
</span>
</div>
<buttonid="show_clipbrd">显示剪贴板的内容</button>
<buttonid="set_clipbrd">给剪贴板设置信息</button>
</body>
</html>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。