日期:2014-05-16  浏览次数:20501 次

js复制内容功能 兼容所有浏览器

在网上找了很多内容,大多使用的是ZeroClipboard,

ZeroClipboard官方地址: http://zeroclipboard.org/

下面是简单的示例,使用了ZeroClipboard1.3.5版本

<!--首选在html中加入元素-->
<input id="link" type="text"  value="Copy me!" />
<input type="button" data-clipboard-target="link" value="复制" id="copyBtn"/>

??? data-clipboard-target?值为所需要复制内容的元素ID?

?

<script type="text/javascript" src="ZeroClipboard.min.js"></script>

//下面js需放在元素后面,原因不解释
      <script type="text/javascript">
          window.ZeroClipboard.setDefaults({
              moviePath: "ZeroClipboard.swf"

          });
          //创建ZeroClipboard对象,并绑定指定事件元素
          var clip = new ZeroClipboard( document.getElementById("copyBtn"));
            clip.on("load", function (client) {
               alert('加载flash组件');
           });

          // 复制内容到剪贴板成功后的操作
          clip.on( 'complete', function(client, args) {
              alert("复制成功");
          } );

          clip.on("noFlash", function (client) {
              alert("Your browser has no Flash.");
          });
      </script> 

?

?