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

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

Young小杰2018-6-23 18:10网站搭建(6)1179查询中……小标签: 网站搭建教程 原创 复制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。



发表评论:

发表评论:

  • avatar

    试试管用不管用

  • avatar
    一切皆有可能 Lv 1

    曾经我想做个特别的人,现在我成功了,我现在特别难过又无助。

  • 成功邀请了12个用户,就再也邀请不到了。

  • avatar

    你的文章写的太好啦,赞一个回复了[真棒]

  • avatar

    别人的起点,是你遥不可及的终点。打卡成功,现在时间:7点50分记得每天坚持打卡哦! 无论何事,若真的在乎且努力,结果总不会差。早安!

  • avatar

    差一点信了