jQuery获取剪贴板内容的方法_js如何·获取粘贴内容

jQuery

9 浏览量更新于2023-05-09 评论收藏 59KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

jQuery获取剪贴板内容的方法获取剪贴板内容的方法

主要介绍了jQuery获取剪贴板内容的方法,结合实例形式分析了jQuery针对不同浏览器获取剪贴板内容的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery获取剪贴板内容的方法。分享给大家供大家参考，具体如下：

这两天弄fckeditor粘贴功能，随着工作的深入和在网上查询资料，知道了在网页中一般是不允许访问“剪贴板”的，因为这样存在着很大的安全隐患，我自己也尝试着写了一个简单的demo

在IE和FF中剪贴板的访问是可控的，但是在Opera、Chrome、Safari浏览器中是不允许访问的，这样就产生了浏览器兼容的问题，怎么样才能让其他的浏览器兼容这个功能呢，在网上查找了一些资料

——“使用flash去访问剪贴板”，然后把得到的值给JS，这样间接的访问了剪贴板里面的内容了

下面的代码只支持IE和FF，是我在网上找的DEMO，自己只是在这里汇总了一下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(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();

}

});

}

);

function ie_Show()

{

//得到剪贴板的内容

var str1=window.clipboardData.getData("text");

alert(str1);

}

function ff_show() {

netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

if (!clip) return;

var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

if (!trans) return;

trans.addDataFlavor('text/unicode');

clip.getData(trans, clip.kGlobalClipboard);

var str = new Object();

var len = new Object();

try {

trans.getTransferData('text/unicode', str, len);

} catch(error) {

return null;

}

if (str) {

if (Components.interfaces.nsISupportsWString) str = str.value.QueryInterface(Components.interfaces.nsISupportsWString);

else if (Components.interfaces.nsISupportsString) str = str.value.QueryInterface(Components.interfaces.nsISupportsString);

else str = null;

}

if (str) {

alert(str.data.substring(0, len.value / 2));

return (str.data.substring(0, len.value / 2));

}

return null;

}

function ie_set(){

//显示剪贴板的内容是text类型的,给剪贴板的赋值为后面的字符串

var str1=window.clipboardData.setData("text","<strong>my name is huangbiao</strong>");

alert(window.clipboardData.getData("text"));

}

function ff_set(){

//将copy变量的值放到内存当中去

var copy="<strong>my name is huangbiao</strong>";

netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

if (!clip) return;

var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

if (!trans) return;

trans.addDataFlavor('text/unicode');

var str = new Object();

var len = new Object();

var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

var copytext = copy;

str.data = copytext;

trans.setTransferData("text/unicode", str, copytext.length * 2);

var clipid = Components.interfaces.nsIClipboard;

if (!clip) return false;

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>

<button id="show_clipbrd">显示剪贴板的内容</button>

<button id="set_clipbrd">给剪贴板设置信息</button>

</body>

</html>

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery

扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38724229

粉丝: 8
资源: 918

会员权益专享

jQuery获取剪贴板内容的方法

评论0

会员权益专享

最新资源

jQuery获取剪贴板内容的方法

评论0

jQuery实现复制到粘贴板功能

JQUERY复制到剪切板

jquery复制到剪贴板（input，textarea）

jquery 获取网页内容 c#

jQuery 获取元素的内容

jquery获取dom属性方法

jQuery 获取文本内容并弹窗

jquery获取其他页面input的内容

jquery 获取伪元素

js id,name，class的jquery获取方法

jquery 获取客户端ip

jquery 获取包含特定内容的子元素

jquery获取td内的内容

jquery获取textareat内容

jquery获取自定义属性

jquery 获取属性值

jquery 获取类似于 scrollHeight

jquery获取当前时间戳

在jQuery中，通过什么方法获取元素标签内容

jQuery获取html元素的代码

会员权益专享

最新资源

jquery　获取网页内容 c#

jquery 获取类似于　scrollHeight