您的位置:首页 > Web前端 > JavaScript

js中实现 复制到剪切板 功能

2015-02-28 10:36 127 查看
一:引包

  

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>


二:js代码

  

function copyContent(){
//content 为要复制的内容的标识
$('.content').click(function(){
$(this).select();
});

//设置swf路径
ZeroClipboard.setMoviePath("ZeroClipboard.swf");
//创建对象
var clip = new ZeroClipboard.Client();
//设置手型
clip.setHandCursor(true);
//绑定按钮
clip.glue('copy_btn');
//复制内容
clip.addEventListener( "mouseOver", function(client) {
client.setText($('#content').text());
});
//复制成功后的提示
clip.addEventListener( "complete", function(){
alert("copyed successful");
});
}


需要引入 ZeroClipboard.swf。

所需文件下载地址:http://download.csdn.net/detail/changjn/8462271
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: