使用JS复制内容到剪贴板(copy to clipboard/javascript)

本来想这样的内容其实真不应急记录了,网上太多了,但是还真要用到的时候才发现,也不都是这么好用。所以还是记录一下。

这次使用的zeroclipboard这个工具来实现,Git上的项目在这:
https://github.com/zeroclipboard/zeroclipboard

1.下载

把Git上的dist目录copy到自己的目录中,其实只需要ZeroClipboard.js就可以了。

2.demo.html

3.细节

3.1 js是有先后顺序的

要先引用

3.2 控件使用

data-clipboard-target是目标控件,data-clipboard-text是默认内容

3.3初始化

初始化要在控件之后,new ZeroClipboard参数是要使用的控件ID,然后启用client.on

更多使用请参考作者项目。

你可能感兴趣的:(使用JS复制内容到剪贴板(copy to clipboard/javascript))