2017年9月2日 星期六

用 js 點擊按鈕複製內容

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

然後先在網頁上初始化。
  1. new Clipboard('.btn');  

接下來只要在 html 上寫 HTML5 data attributes 就可以了。
  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>  
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...