• js实现浏览器兼容复制功能


        经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()
    语法:
        clipboardData.setData(sDataFormat, sData)
    参数:sDataFormat:要复制的内容的格式;sData:要复制的内容。
    返回值:复制成功返回true;失败返回false。

    <script language="JavaScript">
    function jianqie(id)
    {var id;
    var text=document.all(id).innerText
    if (clipboardData.setData("text",text))
    {alert("复制成功!")}
    else
    {alert("复制失败!")}
    }
    </script>

    IE js代码:

    复制代码 代码如下:

    <script type="text/javascript">
    function copyUrl2()
    {
    var Url2=document.getElementById("biao1");
    Url2.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("已复制好,可贴粘。");
    }
    </script>
    <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
    <input type="button" onClick="copyUrl2()" value="点击复制代码" />


    chrome JS代码:

    复制代码 代码如下:

    <script src="http://www.weicaiyun.com/assets/js/copy/ZeroClipboard.js"></script>

    <script type="text/javascript">

    var clip = new ZeroClipboard.Client();
    clip.setHandCursor( true );
    clip.setText('复制内容');
    clip.glue('button');

    </script>

    <input type="button" id="button" value="点击复制代码" /> 

    http://zeroclipboard.org/#demo   //zeroclipboard下载地址

    http://blog.csdn.net/skyboxgogo/article/details/8768683 详解-----

  • 相关阅读:
    easyui 分页 MVC
    c#实现万年历示例分享 万年历农历查询
    GroupBy 带条件分组求和
    easyui_tree 复选框 动态加载树
    C#测试运行时间
    MVC 关于easyui-datebox 赋值问题
    MVC 上传 下载
    WindowsService 安装 cmd
    笔记 .Net反射机制
    C# 测试服务器连接 Ping
  • 原文地址:https://www.cnblogs.com/MrZouJian/p/5369059.html
Copyright © 2020-2023  润新知