zeroclipboard复制到剪切板的flash


Posted in Javascript onAugust 04, 2010

下面说实现步骤:
1- 引用文件。下载后会得到两个核心文件ZeroClipboard.js和ZeroClipboard.swf,在项目中引用其中一个。
<script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script>

2- 加载ZeroClipboard对象,并实现复制功能。

//这步很重要,设定flash文件引用路径。 
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf'); 
//创建ZeroClipboard对象 
clip = new ZeroClipboard.Client(); 
clip.setHandCursor(true); 
//加载事件,在mouseOver事件中将需要复制的内容传到flahs文件中保存 
clip.addEventListener('mouseOver', function(client) { 
clip.setText($('#IndInfo').val()); 
}); 
//复制成功后弹出对话框 
clip.addEventListener('complete', function(client, text) { 
alert("Copied text to clipboard:\n\n" + text); 
}); 
//指定实现复制功能对象 
clip.glue('Copy'); 
//下面是用到的html对象 
<%= Html.Hidden("IndInfo", ViewData["IndInfoFormat"].SafeString())%>

<input type="button" value="Copy To Clipboard" id="Copy" name="Copy" />

3- 如果是本地调试,基于flash的安全机制,需要做一些设置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在网页上输入flash文件的物理路径就可以了。

下载地址 https://3water.com/jiaoben/28907.html

Javascript 相关文章推荐
弹出窗口并且此窗口带有半透明的遮罩层效果
Mar 13 Javascript
javascript删除一个html元素节点的方法
Dec 20 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
微信端开发--登录小程序步骤
Jan 11 Javascript
AngularJS中$http使用的简单介绍
Mar 17 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
jQuery Study Notes学习笔记 (二)
Aug 04 #Javascript
JQuery Study Notes 学习笔记(一)
Aug 04 #Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
Aug 03 #Javascript
基于jquery的让textarea自适应高度的插件
Aug 03 #Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 #Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 #Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 #Javascript
You might like
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
UserData用法总结 lanyu出品
2010/07/01 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
利用json获取字符出现次数的代码
2012/03/22 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
python处理PHP数组文本文件实例
2014/09/18 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
tensorflow TFRecords文件的生成和读取的方法
2018/02/06 Python
用xpath获取指定标签下的所有text的实例
2019/01/02 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
班班通校本培训方案
2014/03/12 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
扬尘污染防治方案
2014/06/15 职场文书
消夏晚会主持词
2015/06/30 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers