复制链接到剪贴板,兼容Firefox Chrome IE

我用浏览器测试了一下,大部分的“复制链接到剪贴板”按钮的JS代码,只能在IE下使用,Firefox中就失效,会报告一个脚本错误。

我在“给网页添加打印按钮”一文中,也有一段代码是“复制本文链接到剪贴板”js脚本,很可惜只能在IE中使用。

今天,整理“淘宝网在线充值中心 - 荆棘鸟”页面,意外发现这个页面的“复制本文链接到剪贴板”代码,在IE、Firefox、Chrome中都有效,Demo在“淘宝网在线充值中心”,于是,把它挖出来共享。

<SCRIPT type=text/javascript>
 function copy(meintext) {
  if (window.clipboardData) {
      window.clipboardData.setData("Text", meintext)
  } else {
 var flashcopier = 'flashcopier';
 if(!document.getElementById(flashcopier)) {
        var divholder = document.createElement('div');
  divholder.id = flashcopier;
  document.body.appendChild(divholder);
 }
 document.getElementById(flashcopier).innerHTML = '';
 var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(meintext)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
     document.getElementById(flashcopier).innerHTML = divinfo;
 }
 alert('地址已经复制到您的剪贴板,您可以发送给您的朋友啦!');
 }
</SCRIPT>

<input type="button" value="复制本文链接 [ IE Firefox Chrome ]" onclick="copy(location.href);return false;" />

注意红字部分的flash文件,“复制本文链接”兼容性全靠它了,本文提供下载,下载之后,在代码src=“”  写入flash存放地址。

下载:Clipboard Flash

  • quote 2. Hbomb
  • http://hbomb.name
  • ps: 是不是flash player 10的安全机制导致的
    birder 于 2009-2-23 11:16:32 回复
    不知道你的chrome是什么版本,我用chrome1.0是可以复制的,2.0还没有安装,是不是有什么安全设置
  • 2009-2-23 10:30:24 回复该留言
  • quote 4. shfengyi
  • 用firefox 3测试淘宝页面,提示自己复制地址栏的链接,无法自动复制
    birder 于 2009-6-9 19:42:27 回复
    我用的也是Firefox3,是不是安全设置太高了?
  • 2009-6-9 17:26:29 回复该留言
  • quote 7. xunqiao
  • 我找了很多页面,这样的代码出现了不止一次两次,并且都无法实现Firefox的剪贴板的功能
  • 2010-7-1 10:59:41 回复该留言

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

网站收藏

增值服务

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2010 zfnn.com. 皖ICP备07503469号