Question

我正在尝试使ZeroClipboard API工作，但看起来setText（）函数没有任何效果。

提供的简单示例＆gt; here＆lt;工作正常，但是当我想以编程方式调用setText（）时，它不起作用。能帮帮我，这段代码有什么问题？

<html>
<body>
<script type="text/javascript" src="/resources/ZeroClipboard.js"></script>

<button id="my-button">Copy to Clipboard</button>

<script language="JavaScript">

    ZeroClipboard.setDefaults({ moviePath: "/resources/ZeroClipboard.swf" });

    var clip = new ZeroClipboard( $("button#my-button") );

    clip.setText('This will be copied into the clipboard'); //this should be in my clipboard, but it is not...

</script>
</body>
</html>

非常感谢

Answer 1

由于安全问题，Flash无法访问剪贴板，除非该操作源自使用flash对象的单击（或用户交互）。

因此，只调用clip.setText将永远不会工作。即使从随机按钮的onclick处理程序调用它也行不通，因为它不是单击 flash对象。

就是这样。

所以ZeroClipboard做的是“粘合”或向你感兴趣的对象添加一个不可见的flash元素。当你点击该元素时，你没有触发该元素的正常javascript onclick，你正在触发flash视频的onclick事件

希望这是有道理的。

所以要将ZeroClipboard“粘合”到一个元素上，你可以像你所做的那样做，这是正确的，或者你可以调用：

clip.glue(element);

你可以粘贴到多个元素没问题。

因此，要设置文本，操作必须来自对flash对象的单击。根据文档，有三种方法可以做到这一点。

使用数据剪贴板文本

您可以将按钮的“data-clipboard-text”属性设置为您喜欢的任何文本，这将自动复制。

例如您的示例（复制“复制此文本！”）：

<button id="my-button" data-clipboard-text="copy this text!">Copy to Clipboard</button>

使用data-clipboard-target

或者你可以将“data-clipboard-target”设置为任何元素的id，而ZeroClipboard将尝试获取该元素的innerText;

e.g。（复制“复制到剪贴板”）

<button id="my-button" data-clipboard-target="my-button">Copy to Clipboard</button>

使用dataRequested事件

最后，您可以在回调中复制文本。如果这两个属性都没有设置，那么将调用dataRequested回调，您可以在其中将文本设置为您想要的任何内容。

例如（复制“在回调中设置文本......”）

<html>
<body>
<script src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="zc/ZeroClipboard.js"></script>
<button id="my-button">Copy to Clipboard</button>

<script language="JavaScript">

    ZeroClipboard.setDefaults({ moviePath: "zc/ZeroClipboard.swf" });

    var clip = new ZeroClipboard( $("button#my-button") );

    clip.on( 'dataRequested', function ( client, args ) {

        clip.setText("Setting the text in a callback...");

        // Don't make this mistake, alert seems to prevent it from working
        // alert("Clipboard should be set from click on " + this.id);
    });

    // Will never work
    // clip.setText('This will be copied into the clipboard'); //this should be in my clipboard, but it is not...

</script>
</body>
</html>

在回调中粘贴警报会因某些原因阻止它为我工作，所以请注意它。

结论

请注意，在所有三个示例中，复制事件来自对flash对象的单击。据我所知，没有用户互动就无法从javascript中复制它。

有关详细信息，请查看ZeroClipboard说明：https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

ZeroClipboard：程序化的setText（）不起作用

1 个答案:

使用数据剪贴板文本

使用data-clipboard-target

使用dataRequested事件

结论