复制剪贴板功能
来源:互联网 发布:英语流利说怎么样知乎 编辑:程序博客网 时间:2024/05/22 15:04
复制剪贴板功能
html代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>ZeroClipboard(复制功能)</title></head><body><label for="cardid">卡号:</label><input type="text" name="cardid" id="cardid" value="123456789" readonly="readonly" /><button id="copycardid">点击复制卡号</button></body></html><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="ZeroClipboard.js"></script>
js代码如下:
function init() {var clip = new ZeroClipboard.Client();clip.setHandCursor( true );clip.setText($('#cardid').val());clip.addEventListener( "mouseUp", function(client) {alert("复制成功!");});clip.glue("copycardid");}$(function(){init();});
实现原理:
利用透明的flash覆盖在复制按钮上,点击flash,将复制内容传入到flash中,再通过flash把传入的内容写到剪贴板上。
使用方法:
需要把flash和js放到同一路径下,然后引用js即可。
具体参数说明:
var clip = new ZeroClipboard.Client(); // 新建一个对象
clip.setHandCursor( true ); //设置鼠标手型
clip.setText($('#cardid').val()); // 设置要复制的文本
clip.glue("copycardid"); //复制按钮的ID
实例下载地址:
URL:http://download.csdn.net/detail/athrunzero/4458460
PS:如果flash和js不在同一路径,可使用ZeroClipboard.setMoviePath( “Flash路径” );来设置flash路径。
PS2:博客搬家了,以后不再 CSDN 更新了,见谅。最新博客地址:http://www.cnblogs.com/yjzhu/
- 复制剪贴板功能
- 实现剪贴板复制粘贴功能(原理)
- JS实现复制到剪贴板功能
- 使用ClipboardManager剪贴板实现复制粘贴功能
- 纯js实现复制到剪贴板功能
- clipboard: 实现复制到剪贴板功能
- angular指令:实现复制到剪贴板功能
- 纯js实现复制到剪贴板功能
- WEB中使用JS实现复制到剪贴板功能
- 剪贴板——C# 复制、粘贴、撤销、剪切功能实现。
- FireFox浏览器复制到剪贴板功能的javascript源代码
- iOS开发_iphone 实现剪贴板操作_iphone 复制粘贴功能
- iOS开发_iphone 实现剪贴板操作_iphone 复制粘贴功能
- Zero Clipboard - 跨浏览器兼容的“复制到剪贴板”功能
- javascript复制追加/写入剪贴板功能,支持chrome,firefox,ie
- cs使用zclip实现前端复制到剪贴板的功能
- js实现复制到剪贴板功能,兼容所有浏览器
- iOS开发_iphone 实现剪贴板操作_iphone 复制粘贴功能
- pretty-printers查看map内容出现错误
- EL表达式详细介绍
- 《图像处理与计算机视觉算法及应用》读后感
- C语言标准IO
- 用Android-X86和VirtualBox打造高性能Android开发环境
- 复制剪贴板功能
- virtual、abstract、、Interface区别及应用
- emacs orgmode 文档元数据 控制发布页面显示数据
- Hibernate一对多实例
- 图解oracle 之从客户端到服务端的sql追击
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- ubuntu 以管理员身份打开失效
- const几点相当重要的用法
- MySQL 使用 常用命令