PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

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

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:下面是简单的示例,使用了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/

     

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-442-1.html
    相关热词搜索: js复制 兼容 浏览器