【第22期】观点:IT 行业加班,到底有没有价值?

使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

原创 2013年12月03日 15:47:09

JavaScript代码

  1. <!-- 引入 Zero Clipboard 类库 -->   

  2. //ZeroClipboard下载地址:http://code.google.com/p/zeroclipboard/downloads/list  解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中

  3. <script src="js/ZeroClipboard.js" type="text/javascript"></script>   

  4. <script language="javascript">   

  5.     function copyToClipboard(txt) {   

  6.         //引入 Zero Clipboard flash文件   

  7.         ZeroClipboard.setMoviePath( "js/ZeroClipboard.swf" );   

  8.         //新建对象   

  9.         clip = new ZeroClipboard.Client();   

  10.         //设置指向光标为手型   

  11.         clip.setHandCursor( true );   

  12.         //通过传入的参数设置剪贴板内容   

  13.         clip.setText(txt);   

  14.         //添加监听器,完成点击复制后弹出警告   

  15.         clip.addEventListener("complete", function (client, text) {   

  16.             alert("您复制了本文URL地址为:\n" + text );   

  17.         });   

  18.         //绑定触发对象按钮ID   

  19.         clip.glue("b_clip_button");   

  20.     }   

  21. </script>   

  22. <!--页面添加按钮 注意 ID与注册的名称相同 触发事件为 onmouseover 传递 值 参数作为复制参数 -->   

  23. <input id="b_clip_button" onmouseover="copyToClipboard('要复制的内容')" type="button" value="复制本文URL地址至剪贴板" />

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

ZeroClipboard 使用详细介绍,php 复制剪贴板,flash复制剪贴板插件

介绍ZeroClipboard是在桌面电脑的浏览器上,通过flash技术实现“复制到剪切板”功能的一个程序。它的好处是可以兼容所有浏览器,完成剪切板的操作。我们在使用的时候主要就用到两个文件:一个是j...

ZeroClipboard 复制到剪切板 的一些事件

ZeroClipboard.config({ moviePath: "http://zeroclipboard.org/javascripts/zc/ZeroClipboard_1.3.1.s...

通过ZeroClipboard插件实现复制链接

邀请好友的链接,有个功能就是通过ZeroClipboard.js,flash插件实现点击复制按钮可以复制输入框里面的内容和链接

JS实现点击复制功能(ZeroClipboard)

JS实现点击复制功能 1、包含文件 2、配置复制按钮组 3、测试时注意:本地绝对路径测试没效果哦~要这样才可以 以下HTML文档代码: 复制 *{ margin:0...

ZeroClipboard实现跨浏览器点击复制文本功能

后台开发过程中常常要实现点击复制文本的功能,但很多浏览器出于安全考虑不支持js复制文本,使用开源库ZeroClipboard可以很好地解决该问题。 从ZeroClipboard的官网http://ze...

ZeroClipboard 完美实现复制粘贴功能、跨浏览器兼容

注:在本地通过文件浏览方式是不能复制成功的,要放到web服务器目录下,通过http网址访问才能复制 ZeroClipboard是通过flash+js实现复制到剪切板功能,浏览器兼容性好。工作...

使用Zeroclipboard实现复制功能

网页开发中需要实现复制功能时,在网上找到的诸多简单的代码(document.execCommand("Copy"))似乎大多数只能在IE下实现,并不能在Chrome等当下主流浏览器下实现。要在这些主流...
  • wjqiu
  • wjqiu
  • 2015-09-12 11:31
  • 1590

ZeroClipboard复制内容到剪贴板的使用

1、第一步,导入 ZeroClipboard.js 文件:

ZeroClipboard实现复制功能,做到浏览器兼容

公司有个项目最近要优化一下,其中有个业务就是要实现复制功能,并且兼容大多数浏览器,之前的是使用IE的window.clipboardData.setData()方法实现的,只能支持IE浏览器,不能做到...

使用 ZeroClipboard 复制内容到剪切板

1. 导入文件  2.初始化 $(document).ready(function () { init(); }); function init() { ...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)