zoukankan      html  css  js  c++  java
  • 用js实现复制内容到操作系统粘贴板(兼容IE、谷歌、火狐等浏览器)

    一、如果只考虑IE浏览器,可以直接用原声js实现

    if(window.clipboardData){
        //清空操作系统粘贴板
        window.clipboardData.clearData();
        //将需要复制的内容复制到操作系统粘贴板    
        window.clipboardData.setData("Text", "要复制的内容");
    }
    

    二、如果是其他浏览器,上面的办法行不通,其他浏览器出于安全的考虑禁止js访问操作系统粘贴板。

    这里需要用到插件,网上流行的插件有两种,一种是ZeroClipboard.js,一种是clipboard.js。

    插件下载地址:https://zenorocha.github.io

    1.用ZeroClipboard.js插件需要用到以下三个文件:

    ZeroClipboard.js

    ZeroClipboard.min.js

    ZeroClipboard.swf

    这个插件需要浏览器的flash控件支持,复制时先把内容复制到flash里面,再利用flash将内容复制到

    操作系统。flash控件又被淘汰的可能,有些浏览器上兼容得也不太好,所以这个插件不太好用。

    2.用clipboard.js插件需要用到以下一个文件:

    clipboard.min.js

    执行复制功能的html标签上需要加上一个属性和一个样式,属性data-clipboard-text的值表示要复制的内容,

    样式js-copy表示该标签被绑定上点击复制的功能,在点击该标签时触发复制功能。

    该插件兼容IE、谷歌、火狐等浏览器。

    js示例代码如下:

    $("span").each(function(index,element){if(element.innerHTML=="复制")new Clipboard($(element).parent().attr("data-clipboard-text",Ext.fly(html).dom.innerText).addClass("js-copy")[0]);});
  • 相关阅读:
    Python—Socket
    python-—计算器
    Python—I-O多路复用
    Python—redis
    《Python数据分析常用手册》一、NumPy和Pandas篇
    python--Selenium-模拟浏览器
    python--selenium简单模拟百度搜索点击器
    关于selenium实现滑块验证
    python 读写、创建 文件的方法(必看)
    Python 爬虫的工具列表大全
  • 原文地址:https://www.cnblogs.com/zhncnblogs/p/10180142.html
Copyright © 2011-2022 走看看