想了解更多，可前往最新個人博客：Amaya丶夜雨博客 或訪問主頁：https://www.amayaliu.cn
今天在幫忙做一個微信跳轉功能，同時復制微信號等，點擊后便可跳轉微信，然后粘貼，進行微信號的添加。
一開始自己寫，后面開始找雜七雜八的庫，后面最終使用的是 clipboard.js，因為clipboard.js 是一個不依賴 Flash,將文本復制到剪貼板的插件，僅僅 2kb。
而且利用 clipboard.js 可以非常簡便的實現這一復制跳轉功能。
重點來了：
1.代碼中dic是我們點擊后獲取的內容(隨意內容，亦可動態內容),為了方便快捷，我們利用H5的新特性，自定義標簽
2.代碼中的<a>標簽，我們這里是為了方便，使用A標簽，同時使用button，input，div，等等屬性都可以，但跳轉就需要自己多寫一步了
3.data-clipboard-action="copy" 指明復制屬性，data-clipboard-target="dic" 指明定義的選擇器，dic則是我們剛剛自定義的標簽
4.clipboard.js 在cdn開源庫中擁有許多版本，1.0.0最初版本不行，2.0.4最高版不行，就隨意截取中間的 1.5.1 版本
5.導入cdn <script src="https://cdn.bootcss.com/clipboard.js/1.5.1/clipboard.js"></script>
6.繼續編寫余下的js,建立clipboard對象（.btn 為對應點擊的class，亦可id）以及復制后執行的方法，以便調試
7.運行頁面，打開F12，當我們點擊A鏈接時，便會輸出所復制的結果
注：調試時可把鏈接地址關掉，否則復制后已跳轉，看不見調試內容
下面我給出一組代碼(可直接復制運行，無任何限制)： （轉載請留個鏈接位哦）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>web頁面點擊跳轉並復制指定內容</title>
</head>
<body>
<!--這里dic里面便是需要獲取的內容-->
<dic>歡迎前往 Amayaliu.cn - Amaya丶夜雨博客</dic>
<a class="btn" href="https://amayaliu.cn" data-clipboard-action="copy" data-clipboard-target="dic">Copy</a>
<!--采用cdn加速的 clipboard.js-->
<script src="https://cdn.bootcss.com/clipboard.js/1.5.1/clipboard.js"></script>
<!--創建對象，同時新建方法，我們調試的時候可以看見-->
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
</body>
</html>