ZeroClipboard

Question

我使用的是 ZeroClipboard 的 JS 版本。

当用户单击复制按钮时，我想从 data-clipboard-text 中捕获数据，向其中添加一些额外的数据，然后将其复制到剪贴板。

这是我目前正在使用的代码，如何在将文本复制到剪贴板之前将其添加到文本中？

var clip = new ZeroClipboard( $("input[type='button']"), {
  moviePath: "clip/ZeroClipboard.swf"
});
clip.on( 'complete', function(client, args) {
    alert ('Copied');
});

我之前尝试过使用这个 clip.on 但失败了 :

clip.on('dataRequested', function (client, args) {
        clip.setText(args + "NEW VALUE");
    } );

有什么想法吗？

谢谢

Answer 1

Setting the clipboard text 可以使用 'copy' 事件处理程序 [v2.x] :

clip.on( "copy", function (event) {
    var clipboard = event.clipboardData;
    clipboard.setData( "text/plain", event.target.innerHTML + " <-- added this text!" );
    /*
     * for data-attribute use event.target.getAttribute("data-clipboard-text")
     */
});

For previous version [1.x] 使用 'dataRequested' 事件处理程序：

client.on( 'dataRequested', function (client, args) {
  client.setText( this.getAttribute("data-clipboard-text") + "<- Copied me!" );
  /*
   * for text inside component use this.innerHTML
   */
});

ZeroClipboard - 在复制前添加到值

ZeroClipboard - Add to values before copying

javascript