1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

用flash+javascript实现网页中复制数据功能

本帖由 laogui2007-01-23 发布。版面名称:前端开发

  1. laogui

    laogui Administrator
    管理成员

    注册:
    2005-08-30
    帖子:
    15,216
    赞:
    35
    经常在网页上看见“复制本页网址,给你的朋友分享”之类的话,点按钮,在IE下能复制成功,而在firefox和opera等其他浏览器就不行
    下面的例子使用flash(as)+javascript实现了在不同浏览器里复制的功能,这样做的好处就是规避了浏览器兼容的问题。也就是说支持firefox,IE,OPERA

    看演示:用firefox和ie分别测试
    点这个页面最下面的复制按钮,然后粘贴在QQ,或者MSN等文本框内

    怎样使用?
    1.先下载这个FLASH文件:右键另存下载
    2.代码如下:

    <html>
    <head>

    <title>用flash+javscript实现网页上的文本复制</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>

    原文链接:http://blog.donews.com/dodo/archive/2006/12/06/1091065.aspx
     
  2. 东瓜

    东瓜 New Member

    注册:
    2005-12-07
    帖子:
    2,306
    赞:
    25
    顶一下````