web使用jq实现复制功能
来源:互联网 发布:centos 6.3升级 内核 编辑:程序博客网 时间:2024/06/07 10:39
一般网站上会有点击某个按钮复制相应的链接功能,本文采用ZeroClipboard插件实现该功能。
(本文主要查考网上复制的方法,经测试可以兼容不同浏览器;只是需要导入第三方插件。)
1.需要导入jq、ZeroClipboard.js插件
2. html页面中定义好显示复制链接的按钮。
<input type="text" id="text" value="******这里是具体的链接地址*****" /> <label id="copy" data-clipboard-target="text">复制</label>
备注:1》.点击label标签实现复制中的内容。
2》。data-clipboard-target指向input的id.
3. 在javascript中实现复制功能。
<script type="text/javascript"> $(function() { var clip = new ZeroClipboard(document.getElementById("copy"),{moviePath: "ZeroClipboard.swf"}); });</script>
0 0
- web使用jq实现复制功能
- WEB中使用JS实现复制到剪贴板功能
- jq实现全选功能
- jq 实现遍历功能
- 使用Zeroclipboard实现复制功能
- 使用js实现复制功能
- 使用标准io实现文件复制功能
- 使用ClipboardManager剪贴板实现复制粘贴功能
- web前端pc,mobile复制粘贴功能的实现
- jq 复制
- jq+js 实现星星打分功能!
- thinkphp jq 实现列表查看更多功能
- jq实现批量上传+裁剪功能
- javascript实现复制功能
- java 实现复制功能
- JavaScript实现复制功能
- JavaScript实现复制功能
- 实现 复制 粘贴功能
- 数据结构(14):图的存储方式(邻接矩阵、邻接表....)
- OC2
- Java Marker Interface
- mac安装Homebrew
- symfony2目录简介
- web使用jq实现复制功能
- python 多进程 logging:ConcurrentLogHandler
- Java队列Queue、双端队列Deque
- C++11 多线程编程 原子变量
- nyoj745
- Android总结 - Service
- ImageLoader 官网
- jsonp方式解决跨域共享问题
- Android ToggleButton控件的用法