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

                                }

         

  • 相关阅读:
    [转]Ubuntu Tweak 0.8.7 发布:支持 Ubuntu 14.04
    冷知识 —— 地名的解释
    冷知识 —— 地名的解释
    冷知识 —— 国家域名、国际电话区号列表
    冷知识 —— 国家域名、国际电话区号列表
    基于梯度的权重更新优化迭代算法
    基于梯度的权重更新优化迭代算法
    中英文对照 —— 图表等的可视化
    中英文对照 —— 图表等的可视化
    matplotlib plot 绘图函数发生阻塞(block)时的解决方法
  • 原文地址:https://www.cnblogs.com/leejersey/p/3647366.html
Copyright © 2011-2022 走看看