文档章节

js ZeroClipboard 拷贝文本到剪贴板

mrliuze
 mrliuze
发布于 2015/11/09 16:58
字数 145
阅读 16
收藏 0

简述:

使用ZeroClipboard 在浏览器中需要拷贝文本到剪贴板

非IE浏览器不能直接 拷贝,所以使用ZeroClipboard来进行拷贝


代码:

html

[html]  view plain copy
  1. <a href="javascript:copyUrl('${content}')" id='J_copy_clipboard_data' title="复制内容">复制</a>  

js

[html]  view plain copy
  1. function copyUrl(content){  
  2.     // 判断是否是IE  
  3.     var isIE = /msie/.test(navigator.userAgent.toLowerCase());  
  4.     if(isIE){  
  5.         window.clipboardData.clearData();  
  6.         window.clipboardData.setData("text", content);  
  7.         alert("复制成功");  
  8.     }else{  
  9.         ZeroClipboard  
  10.                 .setMoviePath("${rc.contextPath}/common/static/lib/ZeroClipboard/ZeroClipboard.swf");  
  11.         var clip = new ZeroClipboard.Client();  
  12.         clip.setHandCursor(true);  
  13.         clip.glue('J_copy_clipboard_data');  
  14.         clip.addEventListener('mouseDown', function() {  
  15.             clip.setText(content);  
  16.         });  
  17.         clip.addEventListener("complete", function() {  
  18.             alert("复制成功");  
  19.         });  
  20.         $(window).resize(function() {  
  21.             clip.reposition();   
  22.         });  
  23.     }  
  24. }  

本文转载自:http://blog.csdn.net/anialy/article/details/37599703

mrliuze
粉丝 14
博文 155
码字总数 12377
作品 0
浦东
程序员
私信 提问
ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能

ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能 本人在项目中使用的js版本。为了方便大家下载。直接粘贴代码给大家看。版本是1.2.0 /! ZeroClipboard* The ZeroClipboard library...

小帅帅丶
2015/05/06
1K
0
ZeroClipboard2.0 复制功能

https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/api/ZeroClipboard.Core.md The Zer......

shaohan
2014/08/06
16.3K
2
ZeroClipboard的一个难题。

先像大家推荐个插件ZeroClipboard(http://code.google.com/p/zeroclipboard/)。 是一个拷贝复制的插件。 想在一堆输出上加上个弹框。试了好久,都没有成功。技术实在是太菜了。大家不忙的时候...

enjoylife
2011/05/13
2.2K
0
JAVASCRIPT复制到剪贴板

来源:我的博客 最近答应张先生替 42qu 写一个短址服务,写的过程中学到若干新东西,JS操作剪贴板便是其中一例。 Javascript本身当然提供了操作剪贴板的接口,一般长得像 function copyToCli...

何世友
2012/01/17
1K
0
ZeroClipboard

你还记得以前网页开发的年代吗?就是IE6称霸群雄的那个年代(行了,这听起来有些糟,但是如果你在2002年做过网站的话,你就会明白我话的意 思),那时候,复制到剪贴板非常简单。 但是,因安...

匿名
2010/02/01
7.8K
0

没有更多内容

加载失败,请刷新页面

加载更多

uni app 零基础小白到项目实战

$emit 子组件传给父组件$ref 父组件操作子组件 公用模板 uni-app全局变量的几种实现方法 const websiteUrl = 'http'const now = Date.now || function() { return new Date().getTime......

达达前端小酒馆
30分钟前
7
0
Tomcat是如何实现异步Servlet的

前言 通过我之前的Tomcat系列文章,相信看我博客的同学对Tomcat应该有一个比较清晰的了解了,在前几篇博客我们讨论了Tomcat在SpringBoot框架中是如何启动的,讨论了Tomcat的内部组件是如何设...

木木匠
54分钟前
29
0
mysql中间件分享(Mysql-prxoy,Atlas,DBProxy,Amoeba,cobar,TDDL)

hello 各位小伙伴大家好,我是小栈君,这期我们分享关于mysql中间件的研究,也就是数据层的读写分离和负载均衡,希望能够在实际的应用中能够帮助到各位小伙伴。 下期我们将继续分享go语言的系...

IT干货栈
今天
10
0
OSChina 周一乱弹 —— 人生,还真是到处是意外

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐# 分享lil peep的单曲《High School》 《High School》- lil peep 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
943
13
Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部