记使用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文档