通过zclip复制内容到剪切板

来源：互联网发布：php个人博客网站代码编辑：程序博客网时间：2024/05/29 18:35

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="resources/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="resources/js/jquery.zclip.min.js"></script>
<title>copy to clipboard test</title>
</head>
<body>
<input type="text" id="content" value="半似日兮半似月">
<input type="button" id="copy" value="复制内容">
<input type="text" id="result" value="">
<br>
<input type="text" id="content2" value="曾被金龙咬一缺">
<input type="button" id="copy2" value="复制内容">
<input type="text" id="result2" value="">
</body>
<script type="text/javascript">
//该方法是通过点击要复制的文本,将文本复制到剪切板
$("#content").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val(); //这里可以自定义要复制的内容
// return "两只小蜜蜂~~"; //这里可以自定义要复制的内容
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});
$("#content2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $(this).val();
},
//按住鼠标时的操作
beforeCopy:function(){
$(this).css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
});

//该方法是通过点击按钮的方式,将要复制的文本复制到剪切板
$(function(){
$("#copy").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
$("#copy2").zclip({
path: "resources/js/ZeroClipboard.swf",
copy: function(){
return $("#content2").val();
},
//按住鼠标时的操作
beforeCopy:function(){
$("#content2").css("color","orange");
},
//复制成功后的操作
afterCopy:function(){
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
$("body").find(".copy-tips").remove().end().append($copysuc);
$(".copy-tips").fadeOut(3000);
}
})
})
</script>
</html>

阅读全文

1 0