zclip复制内容到剪切板

最新推荐文章于 2021-06-22 14:35:58 发布

industry2018

最新推荐文章于 2021-06-22 14:35:58 发布

阅读量260

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/industry2018/article/details/79461395

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

industry2018

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
zclip复制内容到剪切板

&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&quo
复制链接

扫一扫