下面说实现步骤: 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:nn" + 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文件的物理路径就可以了。 下载地址 http://www.jb51.net/jiaoben/28907.html
推荐阅读
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
测试环境(客户端浏览器 ) IE6,IE7, IE8兼容模式, IE8 Firefox 3.6.8, google chrome 5.0.375.125 先来说明两个函数的标准定义。 elementNode.setAttribute(name,value) name 必需。规定要设置的属性名。 valu>>>详细阅读
本文标题:zeroclipboard复制到剪切板的flash
地址:http://www.17bianji.com/kaifa2/JS/25908.html
1/2 1