兼容IE和Chrome的复制功能

兼容IE和Chrome的复制功能,其中ZeroClipboard.js来自github,版本为1.0.7。

<html>
  <head>
     <title>兼容IE和Chrome的复制功能</title>
     <script src="ZeroClipboard.js"></script>
     <script>
        function copy_it(txt) {
            if (window.clipboardData) {
                window.clipboardData.clearData();
                window.clipboardData.setData("Text", txt);
            }else{
                var clip = new ZeroClipboard.Client();
                clip.setHandCursor( true );
                clip.setText(txt); 
                clip.glue("copyid");
            }
        }
    </script>
  </head>
  <body>
    大图:<a href='test.png' target=_blank>test.png</a>
    <a id="copyid" href='javascript:' onclick='copy_it("test.png")'>复制链接</a>
  </body>
</html>

    注:1)IE中通过window.clipboardData实现复制功能,但Chrome中不起作用,且通过网上查询

           获知Chrome的剪切板好像不起作用,所以ZeroClipboard.js通过一个flash来实现chrome

           的复制功能。

          2)html文件和附件的脚本(ZeroClipboard.js)和flash(ZeroClipboard.swf)放到一个目

          录下,否则要修改相应的文件路径。

本文出自 “天马行空” 博客,谢绝转载!

你可能感兴趣的:(clipboardData,chrome复制)