A-A+
用clipboard.js实现纯JS复制文本到剪切板
现在开始使用clipboard.js来复制网页文本内容了,clipboard.js不需要flash,也不依赖其它的js库,min版仅11KB,GZIP压缩后仅3KB,非常的小巧。
使用起来也非常的简单,代码如下:
- <input id="foo" value="这里是内容">
- <button class="btn" data-clipboard-target="#foo">点击复制</button>
- <script src="dist/clipboard.min.js"></script>
- <script>
- new Clipboard('.btn');
- <script>
如果要添加事件,可以这样
- <input id="foo" value="这里是内容">
- <button class="btn" data-clipboard-target="#foo">点击复制</button>
- <script src="dist/clipboard.min.js"></script>
- <script>
- var clipboard = new Clipboard('.btn');
- clipboard.on('success', function(e) {
- alert("复制成功!");
- e.clearSelection();
- });
- clipboard.on('error', function(e) {
- alert("复制失败!");
- });
- <script>
支持的浏览器如下:
还有更多例子以及下载请看官网:https://clipboardjs.com/
或者直接下载:https://github.com/zenorocha/clipboard.js/archive/master.zip