• 奇爱公告:
  • 设为首页
  • |
  • 收藏本站
  • |
  • RSS阅读
  • |
  • 网站地图
  • |
  • 站内搜索
  • 奇爱素材网

  • 首页 酷站 PNG 矢量 GIF 笔刷 背景 PSD 欣赏 代码 FLA 教程 图库 书店
  • 您现在的位置: 奇爱素材网 >> 设计教程 >> 网页设计 >> Javascript >> 正文 |
  • 用js+flash实现网页中复制数据功能

    作者:佚名 素材来源:网页教学网 点击数: 更新时间:2007-8-26 23:32:32

    经常在网页上看见“复制本页网址,给你的朋友分享”之类的话,点按钮,在IE下能复制成功,而在firefox和opera等其他浏览器就不行。

    下面的例子使用js+flash(as)实现了在不同浏览器里复制的功能,这样做的好处就是规避了浏览器兼容的问题。也就是说支持firefox,IE,OPERA

    怎样使用?

    1.先下载这个FLASH文件:下载,右键另存

    2.代码如下:

    <html>
    <head>
    <title>用js+flash实现网页上的文本复制</title>
    </head>
    <body>
    <script type="text/javascript" language="javascript">
    function copyit(textit) {
    if (window.clipboardData) {
    window.clipboardData.setData("Text",textit);
    } 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='+textit+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    document.getElementById(flashcopier).innerHTML = divinfo;
    }
    }
    //copyit("")
    </script>
    <input type="text" value="用flash+javscript实现网页上的文本复制" id="g">
    <a href="javascript:copyit(document.getElementById('g').value);">复制一下</a>
    </body>
    </html>

  • 上一篇教程: javascript是怎样让互联网变慢的
  • 下一篇教程: javascript实现划词标记+划词搜索功能代码实例
    • 提点建议 | 友情链接 | 广告服务 | 免责声明 | 联系我们 | 网站地图 | RSS阅读
      Copyright © 2006-2008 Www.72sc.coM, All Rights Reserved 版权所有 奇爱素材网 鄂ICP备07010427号
      ++技术交流QQ群号码:1226944 ++业务联系QQ:19295971