存档

文章标签 ‘复制’

跨浏览器使用“复制到剪切板”功能

2009年6月24日 风雪残士 没有评论

代浏览器对安全越来越重视,javascript的限制也越来越多,Flash逐渐成为新兴的交互手段,一些程序员就用flash来实现了这一功能,并且可以与javascript进行交互调用。
IE8下复制网址会提示安全设置 Firefox下复制网址则没反应 使用这段代码主要是在这些浏览器下用flash解决JavaScript安全问题。
Javascript代码片段(完整实例请参考在线演示或者压缩包文件)
[code]
[color=#006600]// 注册Client并设置相关属性
[color=#000000]
var clip = [color=#800000]new ZeroClipboard[color=#0000ff].[color=#0000a0]Client[color=#0000ff]([color=#0000ff])[color=#0000ff];
clip[color=#0000ff].setHandCursor[color=#0000ff]( [color=#0000a0]true [color=#0000ff])[color=#0000ff];
[color=#006600]// 增加复制事件
clip[color=#0000ff].addEventListener[color=#0000ff]([color=#ff00ff]'mouseOver'[color=#0000ff], [color=#800000]function[color=#0000ff](client[color=#0000ff])[color=#0000ff]{
[color=#006600]// 这里复制本页的链接地址
clip[color=#0000ff].setText[color=#0000ff]( location[color=#0000ff].href [color=#0000ff])[color=#0000ff];
[color=#0000ff]}[color=#0000ff])[color=#0000ff];
[color=#006600]// 复制成功后的事件
clip[color=#0000ff].addEventListener[color=#0000ff]([color=#ff00ff]'complete'[color=#0000ff], [color=#800000]function[color=#0000ff](client[color=#0000ff],[color=#008000]text[color=#0000ff])[color=#0000ff]{
alert[color=#0000ff]([color=#ff00ff]"复制成功"[color=#0000ff])[color=#0000ff];
[color=#0000ff]}[color=#0000ff])[color=#0000ff];
[color=#006600]// 绑定事件到页面元素
clip[color=#0000ff].glue[color=#0000ff]( [color=#ff00ff]'d_clip_button' [color=#0000ff])[color=#0000ff];
[/code]
演示地址:http://blog.tkbbs.com/code/copy.htm
代码下载:下载文件 http://blog.tkbbs.com/code/copy.rar
原文地址:http://www.codigg.com/2009/06/zeroclipboard-cross-browser/

分类: 技术殿堂 标签: ,