<%@ 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>
<!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>