如何创建类似于 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. 右上角select事件监听器，查看click事件：
   
3. 单击 clipboard.min.js 文件
   
4. 在这里您可以看到这是什么图书馆，在本例中甚至是网站。

^{（来自Chrome的屏幕截图，其他浏览器具有相同的功能，只是外观不同或位置不同）}