目录
1 引入插件
2基本使用
3其他说明
4高级使用
首页 web前端 js教程 clipboard.js基本使用方法分享

clipboard.js基本使用方法分享

Mar 07, 2018 pm 04:13 PM
javascript 使用方法

clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。本文主要和大家介绍clipboard.js基本使用方法,希望能帮助到大家。

1 引入插件

<script src="js/clipboard.min.js"></script>
登录后复制

2基本使用

首先需要您需要通过传递DOM选择器,HTML元素或HTML元素列表来实例化它。

new Clipboard(&#39;.btn&#39;);
登录后复制


1用一个元素当触发器来复制另一个元素的文本,data-clipboard-target属性后需要跟属性选择器

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
</button>
登录后复制

另外还有另外一个属性data-clipboard-action属性,以指定是要要么copy还是要cut操作。默认情况下是copy。cut操作只适用于