ZeroClipboard复制文本到剪切板(兼容多浏览器)

准确来说是写入文本到剪切板??

Zero Clipboard的实现原理

Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。

需要的文件

你需要ZeroClipboard.js和ZeroClipboard.swf这两个文件并将其放置在同一目路径下,下载地址:http://pan.baidu.com/s/1jHORR06 (包含演示文件),当然在使用时你还需要引入jQuery

Code

$(function() {    //ZeroClipboard.setMoviePath("https://www.wdssmq.com/ZeroClipboard.swf");//手动指定Flash地址    var clip = new ZeroClipboard.Client();    clip.setHandCursor(true);    clip.glue('J_copy_clipboard_data');//要绑定事件的元素ID,如果是链接的话,因为会被Flash遮盖所以:hover效果将失效,这时需要使用#copy.hover来设置    clip.addEventListener('mouseDown',function() {        clip.setText($('#J_share_text').val());//获取复制的文本    });    clip.addEventListener("complete",function() {        alert("复制成功!");    });    $(window).resize(function() {        clip.reposition(); //窗口大小改变后重定位Flash    });});

演示地址

--演示地址一-- --演示地址二--

相关文章

[godsay3-朕知道了]
回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。