从网上找了一个用ZeroClipboard的例子,在服务器上远程访问,可以使用,代码如下:
<script type="text/javascript" src='http://code.jquery.com/jquery.js'></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script>
$(function(){
//选中代码
$('.txt_code').click(function(){
$(this).select();
});
//设置swf路径
ZeroClipboard.setMoviePath("ZeroClipboard.swf");
//创建对象
var clip = new ZeroClipboard.Client();
//设置手型
clip.setHandCursor(true);
//绑定按钮
clip.glue('btn_copy');
//复制内容
clip.addEventListener( "mouseOver", function(client) {
client.setText($('.txt_code').val());
});
//复制成功后的提示
clip.addEventListener( "complete", function(){
alert("copyed successful");
});
});
</script>
<textarea class='txt_code'>sssssssssss</textarea>
<input type='button' value='copy' id='btn_copy' />
因为要用在一个页面有多个需要复制的地方,于是就把上述代码改了下,封装成一个函数。代码如下:
<script type="text/javascript" src='http://code.jquery.com/jquery.js'></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script>
function fcopy(){
// //选中代码
// $('.txt_code').click(function(){
// $(this).select();
// });
//设置swf路径
ZeroClipboard.setMoviePath("ZeroClipboard.swf");
//创建对象
var clip = new ZeroClipboard.Client();
//设置手型
clip.setHandCursor(true);
//绑定按钮
clip.glue('btn_copy');
//复制内容
clip.addEventListener( "mouseOver", function(client) {
client.setText($('.txt_code').val());
});
//复制成功后的提示