安装
1
| npm install clipboard --save
|
或下载文件，引入项目。https://github.com/zenorocha/clipboard.js/archive/master.zip
使用
1
| <script src="dist/clipboard.min.js"></script>
|
创建对象，例如：
1
| new ClipboardJS('.btn');
|
- 复制其它元素内的文本
1
2
3
4
5
6
7
| <!-- 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>
|
- 剪切其它元素内的文本
1
2
3
4
5
6
7
| <!-- Target -->
<textarea id="bar">Mussum ipsum cacilds...</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
Cut to clipboard
</button>
|