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

共计 607 个字符，预计需要花费 2 分钟才能阅读完成。

前端收到一个需求，用户点击按钮，将 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 文档