100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js点击按钮 自动复制到粘贴板

js点击按钮 自动复制到粘贴板

时间:2024-06-13 12:47:52

相关推荐

js点击按钮 自动复制到粘贴板

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<title>免费领取</title>

<link rel="stylesheet" href="bootstrap.min.css">

<link rel="stylesheet" href="style.css">

<script src="clipboard.min.js"></script>

</head>

<body>

<div class="container" style="margin-top: 56px">

<div class="row">

<div class="col-xs-12 clearPadding">

<div class="turRule">

<div class="clearfix text-brown">

<div class="col-xs-4 clearPadding" style="position:relative;"><span class="ball ball1"></span><div class="line"></div></div>

<div class="col-xs-4 clearPadding text-center font16">活动规则</div>

<div class="col-xs-4 clearPadding" style="position:relative;"><div class="line"></div><span class="ball ball2"></span></div>

</div>

<div class="mt10">

<dl>

<dt><span class="">1</span><strong>活动规则</strong></dt>

<dd>免费抽取Q币,领取现金红包,每天可领。</dd>

</dl>

<dl>

<dt><span class="">2</span><strong>活动有效期</strong></dt>

<dd>活动有效期为一年</dd>

</dl>

<dl>

<dt><span class="">3</span><strong>领奖规则</strong></dt>

<dd>点击“领取红包”按钮,方可领取红包奖励。</dd>

</dl>

<dl>

<dt><span class="">4</span><strong>活动声明</strong></dt>

<dd>本活动最终解释权归棒棒糖所有</dd>

</dl>

</div>

</div>

<div class="plr15 clearPadding mt20" style="margin-top: 56px">

<div class="col-xs-6 text-center">

<button

οnclick="goOther()"

data-clipboard-text="快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!N2Llpg63JG"

id="copy_id"

class="btn btn-block text-white" style="background:#06b16a;">领取Q币</button></div>

<div class="col-xs-6 text-center">

<button

οnclick="goZhiFuBao()"

data-clipboard-text="快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!N2Llpg63JG"

id="copy_id2"

class="btn btn-block text-white" style="background:#faca34;">领取红包</button></div>

</div>

</div>

</div>

</div>

<div style="height: 400px" ></div>

<!-- 下载引导 -->

<div v-if="isShowDownloadApp" id="downloadGuide" style="position: fixed; bottom:0px; width:100%; height:70px; z-index: 100;opacity:.95;background-color:#FFF;box-shadow:0 -1px 0 0 #E6E6E6;">

<div style=" width:50%; position:absolute;left:5%;top:0; ">

<!--<h4 >下载爱零工App</h4>-->

<!--<span>生活更多精彩</span>-->

<div style="margin-top: 13px"></div>

<span style=" font-size: 17px">棒棒糖</span></br>

<span style="font-size: 15px">不忘初心,用心创造快乐。</span>

</div>

<div style=" width:20%; position:absolute;left:65%;top:0; height: 75px" οnclick="goZhiFuBao()">

<div style="background:#FDE23D; border-radius: 120px; margin-top: 20px; height: 30px; width: 120px; text-align: center;">

<b style="font-size: 20px; ">快速领取</b>

</div>

</div>

</div>

<script>

var clipboard = new Clipboard('#copy_id');

clipboard.on('success', function(e) {

});

clipboard.on('error', function(e) {

});

var clipboard2 = new Clipboard('#copy_id2');

clipboard2.on('success', function(e) {

});

clipboard2.on('error', function(e) {

});

function goZhiFuBao() {

window.location.href = '/p/f/fd-j6lzqrgm/guiderofmklvtvw.html?shareId=2088702832610632&campStr=p1j%2BdzkZl018zOczaHT4Z5CLdPVCgrEXq89JsWOx1gdt05SIDMPg3PTxZbdPw9dL&sign=3j4Ei30jnd2PYBCrekNbEBJXRiUjpSc8UUnoZG4L5j4%3D&scene=offlinePaymentNewSns';

}

function goOther() {

window.location.href = '/events/dnf18/index.html';

}

//

// //绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件。

// $(document.body).bind({

//copy: function(e) {//copy事件

// console.log('--------------copy');

//

//

// var cpTxt = "复制的数据";

// var clipboardData = window.clipboardData; //for IE

// if (!clipboardData) { // for chrome

//clipboardData = e.originalEvent.clipboardData;

// }

// //e.clipboardData.getData('text');//可以获取用户选中复制的数据

// clipboardData.setData('Text', cpTxt);

// alert(cpTxt);

// $('#message').text('Copy Data : ' + cpTxt);

// return false;//否则设不生效

//},paste: function(e) {//paste事件

// var eve = e.originalEvent

// var cp = eve.clipboardData;

// var data = null;

// var clipboardData = window.clipboardData; // IE

// if (!clipboardData) { //chrome

//clipboardData = e.originalEvent.clipboardData

// }

// data = clipboardData.getData('Text');

// $('#message').html(data);

//}

// });

</script>

<script src="/z_stat.php?id=1272273857&web_id=1272273857" language="JavaScript"></script>

</body>

</html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。