读书人

兑现复制到粘贴板

发布时间: 2012-08-21 13:00:21 作者: rapoo

实现复制到粘贴板
操作粘贴板

目前,操作粘贴板主要有两种方式: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下测试通过。

读书人网 >Web前端

热点推荐