記使用clipboard.js完成剪切板功能

前端收到一個需求，用戶點擊按鈕，將url參數放到剪切板

通過查找選定了clipboard.js，而後樣例是這麼寫的：

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

經過input輸入框的value值，去放到剪切板裏面。
然而，在開發中遇到了問題，input框怎麼隱藏，因爲項目是內嵌H5頁面，項目沒法運行，只能在測試服務器上運行，因此，在本地寫了test.html作測試。
隱藏方案1：
width=0-----X
沒法使用，緣由沒法使用到value，至於爲何width會影響到value值，有待查證，不知。
隱藏方案2：
opciaty：0----X
有缺陷。緣由是手機端點到input會出現鍵盤
缺陷解決方案1：
diabled----X
沒法使用，緣由本身也沒法給input賦值。
缺陷解決方案2：
oInput.setAttribute("readonly","true");
一進去頁面給input賦值，以後將input改爲只讀的。成功解決問題。

總結

clipboard.js文檔