如何創建一個複製按鈕，類似於上cdnjs.com？

Question

例如：https://cdnjs.com/libraries/jquery

Copy按鈕在右側。這是如何工作的，我該如何創建它？

我可以通過檢查元素看到該按鈕是<button data-copy-type="" type="button" class="btn btn-primary btn-sm copy-button">Copy</button>，但我不知道如何找到實際進行復制的功能代碼（我假設是javascript）。

Answer 1

他們使用http://zenorocha.github.io/clipboard.js/

讓我告訴你我是如何發現：

1. 檢查元素
   
2. 在右上方選擇事件監聽器，並期待在click事件：
   
3. 點擊clipboard.min.js文件
   
4. 在這裏你會看到這是什麼庫，在這種情況下，甚至它的網站。

^{（Chrome的截圖，其他瀏覽器具有相同的功能，它只是看起來不同，或者是在不同的地方）}