下面说实现步骤:
1- 引用文件。下载后会得到两个核心文件ZeroClipboard.js和ZeroClipboard.swf,在项目中引用其中一个。
<script type="text/javascript" src="https://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" />
3- 如果是本地调试,基于flash的安全机制,需要做一些设置
直接在网页上输入flash文件的物理路径就可以了。
下载地址 https://www.jb51.net/jiaoben/28907.html
您可能感兴趣的文章: