javascript - 如何创建一个复制按钮，类似于 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 的屏幕截图，其他浏览器具有相同的功能，只是看起来不同或位于不同的位置)}