首页 > Web开发 > 详细

js 实现 复制 功能 (zeroclipboard)

时间:2015-10-19 12:28:41      阅读:243      评论:0      收藏:0      [点我收藏+]

#复制功能因访问权限和安全问题, 被浏览器禁了#

我要实现的功能:点击复制按钮,复制浏览器的当前页面地址,加上用户选择的参数(用户查找过滤),直接将该链接发给别人,点击打开就是对应的查找结果而不是默认结果。

1.需要两个文件ZeroClipboard .js 和.swf(https://github.com/zeroclipboard/zeroclipboard)。

技术分享

2.页面复制按钮 html 标签(第二个input是我用来存储浏览器当前页面的地址+用户选择的过滤条件,即“http://”+location.host+location.pathname+location.search.例如:http://helloworld/console/Today?EndDate=2015-10-19&name=Tom)

技术分享

3.页面中引入.js文件

技术分享

 

4.初始化某个页面的时候,解析当前的页面url 参数

技术分享

5.拼凑对应的用户选择的参数,赋值给那个input(#clipboard-text)

技术分享

 

6.在需要的地方调用函数

技术分享

技术分享

注意:.js文件和.swf文件应在同一目录下;

创建对象时的参数就是 复制按钮对应的 button Id(本例 为 #copyUrlBtn),其余的参数都是默认值。

7.亲测Chrome , IE10+

 

另外一园友的方法 复制到剪切板 (http://www.cnblogs.com/yjzhu/archive/2012/11/05/2754818.html)

 

谢谢阅读!

 

js 实现 复制 功能 (zeroclipboard)

原文:http://www.cnblogs.com/shy-huang/p/4891459.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!