javascript - ZeroClipboard 在 FireFox 中损坏

Question

我有一个复制文本按钮，我正在使用 ZeroClipboard 来复制页面上的某些文本。它适用于 Chrome 和 IE，但不会在 Firefox 中复制文本，并且 complete 事件永远不会触发。

我用于设置按钮的 JavaScript 看起来像这样:

ZeroClipboard.setDefaults({
  moviePath: '/js/zeroclipboard/ZeroClipboard.swf',
  allowScriptAccess: 'always',
  forceHandCursor: true
});

function enableCopyButton(container) {
  var button = container.find('.text-copy'),
      source = container.find('.text'),
      clip = new ZeroClipboard(button);

  clip.setText(source.val());

  clip.on('load', function (client) {
    console.log('ZeroClipboard loaded.');

    client.on('complete', function (client, args) {
      console.log('Text copied: ' + args.text);
    });
  });

  clip.on('noFlash', function () {
    console.error('No Flash installed!');
  });
  clip.on('wrongFlash', function () {
    console.error('Wrong Flash installed!');
  });
}

控制台最终显示“ZeroClipboard returned.”，没有其他内容。没有引发任何错误，并且我已确认 ZeroClipboard.swf 正在加载并放置在页面上。 mousedown 和 mouseup 事件也被触发。正在运行的页面使用有效的 SSL 证书，并且页面上的所有资源均通过 HTTPS 加载。

GitHub 上的库演示页面在 FireFox 中运行良好，因此我怀疑这是我正在做的事情。

Answer 1

我不确定这是否有帮助，但最近我已经使用 Zeroclipboard 一个多月了。有时它可以工作，但有时它会因为一些非常小的事情而失败(也许是因为我对 javascript 和 html 的东西很陌生)......而且我非常理解这种不安......

就您而言，您以前尝试过此事件吗？而不是单独使用clip.setText(source.val())，将其移动到“dataRequested”事件中，如下所示:

clip.on('dataRequested', function(client, args) {
    client.setText(source.val());
});

然后单击按钮后，查看完整事件是否被触发。

顺便说一句，我想知道你的“noflash”或“wrongflash”是否正常触发？就我而言，如果用户没有安装闪存，该事件仍然不会被触发...不知道出了什么问题...

无论如何，祝你好运:)