js復制當前url地址解決瀏覽器兼容

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按鈕

                            }