复制文本

一个相当常见的用例是从另一个元素复制内容到另一个元素。你可以通过添加一个data-clipboard-target 属性在你的触发器元素来实现。

此属性上包含的值需要与其他元素的选择器相互匹配。

请点击按钮复制我!

复制

<p id="copytext">请点击按钮复制我!</p>

<button class="btn btn-white" data-clipboard-target="#copytext"><i class="fa fa-copy"></i> Copy</button>
                                    

裁剪文本

您可以定义data-clipboard-action 属性是否要 复制 或 剪切 内容.

这个例子已经将文本从这个文本控制。 裁剪到剪切板

<textarea id="cuttext">这个例子已经将文本从这个文本控制。</textarea>

<button class="btn btn-white" data-clipboard-action="cut" data-clipboard-target="#cuttext"><i class="fa fa-cut"></i> 裁剪到剪切板</button>