移动端浏览器实现网页内容复制: Clipboard.js 求教这个怎么用

2019-04-22 19:32:06 +08:00
 baodaren8

因需求要这样一个功能,就是点击复制按钮就自动复制特定内容。
在网上找了一下,看到了这个 Clipboard.js ,也找到官网。
但对 JS 真的不熟,看到代码写在那里,可就是不会用……
所以,在这里请教,这个代码要怎么用。
下面是我找到的教程与官网,请大神指导一下。谢谢了。

教程: https://www.cnblogs.com/kevinCoder/p/6144376.html
Clipboard.js 项目官网: https://clipboardjs.com/

1176 次点击
所在节点    问与答
4 条回复
baodaren8
2019-04-22 19:55:50 +08:00
在线顶一下,求大神指导。
baodaren8
2019-04-22 20:28:13 +08:00
在线顶一下
coolair
2019-04-22 20:30:53 +08:00
这个很简单啊,点击按钮的 data-clipboard-target="#foo" 属性对应的值,就是你想要复制的 input (的 value ) 的 id:<input id="foo" value="这里是复制的值">
foo 相互对应。
baodaren8
2019-04-22 21:35:18 +08:00
@coolair 代码要怎么写……。我复制进去了,不起作用……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/557648

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX