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

                                }

         

  • 相关阅读:
    使用QOAuth来进行新浪/腾讯微博验证(二)
    很不错的Utility库,C#4扩展 各种功能齐全,两行代码搞定图片转字符
    使用QOAuth来进行新浪/腾讯微博验证(一)
    可怜的小猪&香农熵
    消息队列MQ如何保证消息不丢失
    40 亿个 QQ 号码如何去重,bitmap去重
    参数的设置
    自动化测试的十个要点
    LR学习中的一个低级错误
    Windows下用CMake编译libuv
  • 原文地址:https://www.cnblogs.com/leejersey/p/3647366.html
Copyright © 2011-2022 走看看