javascript - Zeroclipboard-rails 不工作但没有错误

Question

我尝试在我的项目中使用 Zeroclipboard(通过 gem zeroclipboard-rails)，但它不起作用，而且我没有错误。

这是我的脚本:

$(document).on("ready page:change", function () {
  var client = new ZeroClipboard($("#copyToClipboard"));

  client.on("complete", function (client, args) {
    alert("Text successfully copied");
  });
});

$(document).on("page:before-change", function () {
  ZeroClipboard.destroy();
});

我也尝试过:

$(document).on("ready page:change", function () {
  var client = new ZeroClipboard($("#copyToClipboard"));

  client.on("load", function (client) {
    client.on("complete", function (client, args) {
      alert("Text successfully copied");
    });
  });
});

$(document).on("page:before-change", function () {
  ZeroClipboard.destroy();
});

我能够记录 client var，但在 complete 事件中没有记录任何内容。

我找到了这个文档:https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/api/ZeroClipboard.md

所以我尝试将 load 替换为 ready，然后将 complete 替换为 aftercopy 但没有效果...

我的 slim 代码:

#contentForClipboard.d-none
  = simple_format(h proposition.content)

[...]

= button_tag id: 'copyToClipboard', 'data-clipboard-target' => 'contentForClipboard', class: "btn btn-light btn-sm clip_button" do
  => fa_icon('fas', 'clipboard')
  | Copy

Answer 1

zeroclipboard 依赖于 Adob​​e Flash，该 Flash 正在逐步淘汰(计划于 2020 年停产)，并且在现代浏览器中默认情况下已不启用它。

您可以尝试像 clipboard.js 这样的库依赖于现代浏览器支持(Selection 和 execCommand)并且不需要任何 Flash。