杨小杰博客提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

一个偷偷复制支付宝红包码的案例

Young小杰2018-6-23 18:10网站搭建(3)412查询中……小标签: 网站搭建教程 原创 复制js

近来支付宝又出红包码的活动,我看到很多群都在想破脑袋发这个红包赏金码,所以把这个可以悄悄(qiang)复(jian)制到用户手机剪切板的源码案例。


<!doctype html>
<html lang="">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>测试页面</title>
</head>
<body>
	<div id="copy" data-clipboard-text="这里填写被复制的红包赏金码">
		<p>准备复(qiang)制(jian)
			<br><br><br><br><br><br><br><br><br><br>
		结束</p>
	</div>

	<script src="https://cdnjs.cat.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cat.net/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

	<script>
		$("body").onclick = copycode();

		function copycode()
		{
			if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))
			{
				var clipboard = new Clipboard('#copy');

				clipboard.on('success', function (e)
				{
					// 正式使用时不要提示
					// 仅为测试时使用
					alert("复制成功");
				});
				clipboard.on('error', function (e)
				{
					// 正式使用时不要提示
					// 仅为测试时使用
					alert("复制失败");
				});
			}
		}

	</script>
</body>
</html>
声明:这种事情虽对站长有利,却是对用户的不尊重,酌情使用,小杰反正不会挂这种流氓行为的js。



评论:

爱玩资源网 Google Chrome 48.0.2564.116 非主流操作系统辽宁省大连市 联通 2018-06-24 12:09
你的文章写的太好啦,赞一个@[真棒]
优盛科技 Google Chrome 57.0.2987.132 Linux陕西省西安市 电信 2018-06-24 07:52
别人的起点,是你遥不可及的终点。打卡成功,现在时间:7点50分记得每天坚持打卡哦! 无论何事,若真的在乎且努力,结果总不会差。早安!
晓超云博客 Google Chrome 57.0.2987.132 Linux陕西省西安市 移动数据上网公共出口 2018-06-23 18:26
差一点信了

发表评论: