如何创建一个复制按钮，类似于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. 在右上角选择事件监听器并查看Ext.define('MyHeader', { extend: 'Ext.panel.Header', xtype: 'my-header', items: [ { xtype: 'button', ui: 'test-ui', text: 'Foo Bar' } ] }); 事件：
   
3. 点击click文件
   
4. 在这里你可以看到这是什么图书馆，在这种情况下甚至是它的网站。

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