从另一个元素复制文本

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

您在此属性上包含的值需要匹配另一个元素选择器。

请按按钮并复制我！

复制

<p id="copytext">Please press the button and copy me!</p>

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

从另一个元素剪切文本

另外，您可以定义data-clipboard-action属性来指定是否要 copy 或 cut 内容。

这是从这个textarea控件中解决的示例文本。 切到剪贴板

<textarea id="cuttext">This is example text that will be cuted fromt this textarea control.</textarea>

<button class="btn btn-white" data-clipboard-action="cut" data-clipboard-target="#cuttext"><i class="fa fa-cut"></i> Cut to clipboard</button>