1.网上搜索的js复制链接代码,好像只能支持ie浏览器,其他浏览器不支持,

     案例:

                 var url=12;

                if(window.clipboardData){
                   window.clipboardData.setData(“Text”,url); 
                  art.dialog.tips(“复制成功!”,3);
                 }else{
                   art.dialog.alert(‘只支持ie浏览器!’, function () {});
                 }

 

2. ZeroClipboard能解决浏览器不兼容的问题

      先从网上下载ZeroClipboard压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。

      在复制页面引入ZeroClipboard.js文件。

      html页面简化代码

         <script type=”text/javascript” language=”javascript” src=”../js/zeroclipboard/ZeroClipboard.js”></script>  //引入js文件

 

         <input type=”button” value=”链接” id=”copy_url” onclick=”copy();” onmouseover=”copy();”>

         //onmouseover 事件是为了解决页面上需要点击两次才能复制的问题 加上之后,点击一次就复制成功了

         // id 是ZeroClipboard.js获取值的时候需要通过id来

 

        js代码

                            function copy(){
                              var url=this.location.href;                          // this.location.href 获取当前url地址    
                              var clip = new ZeroClipboard.Client();   //实例化对象
                             ZeroClipboard.setMoviePath(“../js/zeroclipboard/ZeroClipboard.swf”); //引用swf文件
                             //clip.setHandCursor( true );  //将光标变成手型
                            clip.setText(url);       //复制url参数
                            clip.addEventListener(‘complete’, function (client, text) {    //复制成功执行的操作
                                 art.dialog.tips(“复制成功!”,3);
                            }); 
                            clip.glue(“copy_url”); 
//  标签的id 这里不一定必须是button按钮

                            }

     

版权声明:本文为leejersey原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/leejersey/p/3647366.html