码迷,mamicode.com
首页 > Web开发 > 详细

【js】js访问剪切板(兼容各大浏览器)唯一解决方案ZeroClipboard.swf

时间:2014-08-13 01:26:05      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:style   http   java   使用   os   io   strong   数据   

需求描述:

    通过JS实现将页面中的某个元素的数据复制到剪切板上。

需求分析:

    要用JS实现最大的问题就是浏览器的兼容性问题了。而且最大的问题还是浏览器出于安全型的考虑,所以像chrome,Firefox等浏览器都不让访问。

解决方案:

    最终的解决方案还是通过flash实现的,在网上搜索(关键字:js access clipboard)了一大堆的相关资料,但是这或许是唯一的解决方案了吧!真没想到,flash还是最终的解决方法。当有一天flash彻底被浏览器给抛弃了我想这又将是一大问题了。但是这个问题也不是我所需要担心的flash是否会被淘汰还是一个问题呢。

    啰嗦了一大堆。现在开始说说具体的实现了吧。

    现在又很多的实现js插件,有原生的js实现的,也有是通过jQuery来实现的方法都擦不多吧,但是都是会用到ZeroClipboard.swf。

    相关的插件用:

    1).ZeroClipboard github,ZeroClipboard官网,这个是javascript实现的,不需要jQuery的依赖的。

    2).zclip官网,这个是jQuery的一个插件要依赖jQuery。

    具体使用,其实很简单就是看官方文档,但是我在单独实现(我使用的是jQuery的zclip)时,存在一些问题,但是结合到项目中的时候就没有问题了,我认为的问题是,在设置path的时候可能存在问题,如下:

$("#copy-button").zclip({ 
    path: "js/ZeroClipboard.swf", 
    copy: function(){ 
        return $(this).prev().val(); 
    } 
}); 


小结:

    本文只是为了减少浪费各位的宝贵时间。把时间用在有意义的事情上。继续奋斗吧,年轻的一代。

【js】js访问剪切板(兼容各大浏览器)唯一解决方案ZeroClipboard.swf,布布扣,bubuko.com

【js】js访问剪切板(兼容各大浏览器)唯一解决方案ZeroClipboard.swf

标签:style   http   java   使用   os   io   strong   数据   

原文地址:http://my.oschina.net/jast90/blog/300524

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!