原地址：https://www.xuewangzhan.net/jquery/21100.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script> <title>復制按鈕</title> </head> <body> 微信號：<span id="target">xyz2018</span> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"> 點擊復制 </button> </body> <script> $(document).ready(function(){ var clipboard = new Clipboard('#copy_btn'); clipboard.on('success', function(e) { alert("微信號復制成功",1500); window.location.href='weixin://'; e.clearSelection(); console.log(e.clearSelection); }); }); </script> </html>
近期，有建網站客戶要求實現在自己的手機網站上實現點擊復制微信號並自動打開微信加好友的功能。怎么在自己建網站時，制作出這樣的點擊復制微信號並自動打開微信加好友功能呢？
下面學做網站論壇分享一下實現點擊復制微信號並自動打開微信加好友的代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
<title>復制按鈕</title>
</head>
<body>
微信號：<span id="target">xyz2018</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
點擊復制
</button>
</body>
<script>
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
alert("微信號復制成功",1500);
window.location.href='weixin://';
e.clearSelection();
console.log(e.clearSelection);
});
});
</script>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
<title>復制按鈕</title>
</head>
<body>
微信號：<span id="target">xyz2018</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
點擊復制
</button>
</body>
<script>
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
alert("微信號復制成功",1500);
window.location.href='weixin://';
e.clearSelection();
console.log(e.clearSelection);
});
});
</script>
</html>
如果要開發出更多的功能，可以結合jquery點擊按鈕復制內容代碼的方法進行一定的修改。