“复制到剪切板”功能,网上搜到的大多数号称跨浏览器的解决办法都无效,要么安全错误,要么需要先修改浏览器配置。

现代浏览器对安全越来越重视,javascript的限制也越来越多,Flash逐渐成为新兴的交互手段,zeroclipboard就用flash来实现了这一功能,并且可以与javascript进行交互调用。

使用方法如下:

?View Code JAVASCRIPT
// 注册Client并设置相关属性
var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
 
// 增加复制事件
clip.addEventListener('mouseOver', function(client){
        // 这里复制本页的链接地址
	clip.setText( location.href );
});
 
// 复制成功后的事件
clip.addEventListener('complete', function(client,text){
	alert("复制成功");
});
 
// 绑定事件到页面元素
clip.glue( 'd_clip_button' );

在线DEMO 下载地址