如何创建一个复制按钮，类似于上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的截图，其他浏览器具有相同的功能，它只是看起来不同，或者是在不同的地方）}