操作粘贴板
目前,操作粘贴板主要有两种方式:1通过javascript直接来操作粘贴板,但这种方式支持浏览器比较有限;2通过flash来操作,这种需要浏览器支持flash,这个一般都支持的。
1.通过js来操作粘贴板,这种只支持IE和FF,在IE8和FF8下测试通过
这里参考了网上已有的代码,不过链接找不到了。。囧
<html>
<head>
<script type="text/javascript">
// 支持IE和FF
function copyToClipboard(txt) {
if (window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt);
} else if (navigator.userAgent.indexOf("Opera") != -1) {
window.location = txt;
} else if (window.netscape) {
try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");
}
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 = txt;
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("已复制到剪贴板了,你可以粘贴到QQ/MSN上发送给您的好友!");
}
</script>
</head>
<body style="padding:30px">
<input id="iptMyText" type="text" value="哈哈哈哈哈哈哈哈哈哈哈" />
<div style="margin-top:20px">
<input type="button" value="复制一下试试" onclick="javascript:copyToClipboard(document.getElementById('iptMyText').value)" />
</div>
</body>
</html>
2、通过flash,这里使用的zeroclipboard,这是一个开源的项目,可以到这里下载:
http://code.google.com/p/zeroclipboard/
这个要补充说明一下,zeroclipboard中的demo需要放到服务器上才能正常访问,本地直接访问会有问题。
在IE8,FF8,chrome15下测试通过。
分享到:
相关推荐
Js插件zclip实现复制到剪贴板功能,可以兼容firefox和ie
在现代浏览器中实现复制到粘贴板功能少于1KB
JS实现复制到剪贴板功能,使用ZeroClipboard
文档是js插件zClip实现复制到剪贴板的js文件以及使用方法
jquery.zclip-JS实现复制到剪贴板功能 使用jquery.zclip
Zero Clipboard、jQuery ZeroClipboard实现兼容所以浏览器的复制到剪贴板功能(由于用到flash支持,需要兼容的flash10及以下版本); 浏览demo时记得使用服务器环境,不然看不到效果的~ 搭建服务器环境的,方法有很多...
因需求要实现点击复制功能。使用clipboard.js实现页面内容复制到剪贴板。
主要为大家详细介绍了jquery实现复制到粘贴板功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
VB.NET中实现文本的复制粘贴(调用剪贴板),详细请参照Demo,希望对您有帮助!
C#实现从剪贴板复制图像到窗体C#实现从剪贴板复制图像到窗体
Winform中实现将照片剪贴到剪贴板中并进行粘贴示例代码;
主要介绍了js实现点击后将文字或图片复制到剪贴板的方法,功能非常实用,需要的朋友可以参考下
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。
主要介绍了Zero Clipboard实现浏览器复制到剪贴板的方法,带有多个复制按钮效果,涉及jQuery插件ZeroClipboard.js具体使用步骤与相关技巧,需要的朋友可以参考下
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
ios+android+h5复制剪切板
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。
js剪贴板功能,可以实现复制粘贴
自定义私有格式的剪贴板,实现读取和粘贴,自定义私有格式的剪贴板,实现读取和粘贴,自定义私有格式的剪贴板,实现读取和粘贴