前端复制功能使用document.execCommand("Copy");如何将文本框隐藏

[kingbozhe]

想要实现的功能是点击按钮触发函数把我想要复制的内容复制到粘贴板
想使用document.execCommand("Copy");的方法，但是这个方法貌似需要一个text或textarea
然后把复制内容放入到text或textarea中选中后才可以复制，但是我不想让用户看到text或者textarea
所以我将text隐藏掉了，发现复制失败，然后我又试了用hidden，也没有成功，
现在我用<input type="text" id="copytext" style="opacity:0.0;cursor: default;width:1px;height:1px;" readonly="readonly"/>
这个方法成功，但是总感觉不是一个解决的办法，求有用过document.execCommand("Copy");的人指点一下，谢谢
还有本人纯萌新小白

[JesonSirius]

你可以试试 ZeroClipboard.js

[Go 旅城通票]

隐藏不行，要可见或者absolute定位到可见区域外，如top:-99999px 或者用jquery.zclip.js，只要支持flash的浏览器就能赋值，copy只有ie支持

[du56du]

[kingbozhe]

引用 3 楼 showbo 的回复:

隐藏不行，要可见或者absolute定位到可见区域外，如top:-99999px 或者用jquery.zclip.js，只要支持flash的浏览器就能赋值，copy只有ie支持

哦哦哦 原来这样也可以啊，我去试试，谢啦。document.execCommand("Copy");这个方法火狐和谷歌也支持的，我测试过 jquery.zclip.js我也试过，不过没有成功，我的分享按钮是加载页面后生成的，点击按钮的时候不知道为什么选择器找不到那个节点

[kingbozhe]

引用 2 楼 JesonSirius 的回复:

你可以试试 ZeroClipboard.js

我的页面只有一个复制的功能，引入一个插件总感觉不太合适