使用不带按钮的“clipboard.js”将文本复制到剪贴板答案

【问题标题】：copy text to clipboard using 'clipboard.js' without button使用不带按钮的“clipboard.js”将文本复制到剪贴板
【发布时间】：2017-04-14 21:10:07
【问题描述】：

我使用https://clipboardjs.com/ 库将文本复制到剪贴板。

在所有示例中，您都需要按下按钮。但是没有按钮怎么实现呢？

init_clipboard();
copy_to_clipboard ('mytext');

在 clipboard.js 示例中：

var clipboard = new Clipboard('.btn', {
    text: function() {
        return 'to be or not to be';
    }
});

带按钮

<button class="btn">Copy</button>

但我想要没有按钮和用户活动

【问题讨论】：

如果用户不启动复制，他们怎么知道他们的剪贴板现在包含文本？
github.com/zenorocha/clipboard.js/issues/218 - “我也很想拥有这个，但由于浏览器供应商施加的安全限制，需要用户交互才能复制/剪切工作。使用 JavaScript 的模拟点击事件不会工作，因为这会导致剪贴板中毒。”
试试：clipboard.onClick()。看起来这个库正在使用document.execCommand(...)，它似乎可以在没有用户干预的情况下复制，至少在 Chrome 上是这样。
如果 execCommand 有效，我会很感兴趣，我认为浏览器需要点击事件才能工作
@DominicTobias 我创建了this snipped，它在我的 Chrome 上运行。

【解决方案1】：

Clipboard.js 创建者在这里。许多人都要求使用此功能，但这是各种浏览器强加的安全限制。如果您尝试使用 JavaScript 模拟点击事件，它也将无法正常工作。这一切都是因为防止剪贴板中毒。

【讨论】：