由于安全问题,除非操作源自对 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”设置为任何元素的 id,ZeroClipboard 将尝试获取该元素的内部文本;
例如(复制“复制到剪贴板”)
<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