指引网

当前位置: 主页 > 网页制作 > JavaScript >

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

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:21
[摘要] 下面是简单的示例,使用了ZeroClipboard1.3.5版本<!--首选在html中加入元素--><input id="link" type="text" value="Copy me!" /><in...
下面是简单的示例,使用了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> 

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

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

 

------分隔线----------------------------