zoukankan      html  css  js  c++  java
  • 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按钮

                                }

         

  • 相关阅读:
    分布式编程下的CAS
    《码农翻身》读后感
    PHP Socket服务器搭建和测试
    在Java中使用Hibernate,使用不同数据库服务名
    linq的表关系解决办法
    SilverLight中使用WCF Ria出现的问题empty domain service class
    cmd中更换用户权限
    Flex中TabBar与ViewStack
    使用ApdComPort
    拖动控件
  • 原文地址:https://www.cnblogs.com/leejersey/p/3647366.html
Copyright © 2011-2022 走看看