实现复制到粘贴板

最新推荐文章于 2024-07-08 18:01:35 发布

u010065818

最新推荐文章于 2024-07-08 18:01:35 发布

阅读量94

点赞数

分类专栏： JavaScript HTML Flash 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/u010065818/article/details/84091816

版权

JavaScript 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

Flash

1 篇文章 0 订阅

订阅专栏

操作粘贴板

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

u010065818

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现复制到粘贴板

操作粘贴板目前，操作粘贴板主要有两种方式：1通过javascript直接来操作粘贴板，但这种方式支持浏览器比较有限；2通过flash来操作，这种需要浏览器支持flash，这个一般都支持的。1.通过js来操作粘贴板，这种只支持IE和FF，在IE8和FF8下测试通过这里参考了网上已有的代码，不过链接找不到了。。囧[code="html"] //...
复制链接

扫一扫