用 js 點擊按鈕複製內容

要在網頁上點擊某個按鈕後，可以複製某特定區塊的內容，可以使用這隻 clipboard.js，使用的方法可以先下載 clipboard.js 或是使用 cdn。

然後先在網頁上初始化。

view plaincopy to clipboardprint

1. new Clipboard('.btn');  

接下來只要在 html 上寫 HTML5 data attributes 就可以了。

view plaincopy to clipboardprint

1. <!-- Target -->  
2. <input id="foo" value="https://github.com/zenorocha/clipboard.js.git">  
3.   
4. <!-- Trigger -->  
5. <button class="btn" data-clipboard-target="#foo">  
6.     <img src="assets/clippy.svg" alt="Copy to clipboard">  
7. </button>  

反應：