clipboard - ZeroClipboard:程序化 setText() 不起作用-6ren

clipboard - ZeroClipboard:程序化 setText() 不起作用

转载作者：行者123 更新时间：2023-12-04 14:14:14

27

4

我试图让 ZeroClipboard API 工作，但看起来 setText() 函数没有效果。

提供简单示例 > here < 工作正常，但是当我想以编程方式调用 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>

多谢

最佳答案

由于安全问题，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 将尝试获取该元素的innerText；

例如(复制“复制到剪贴板”)

<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

关于clipboard - ZeroClipboard:程序化 setText() 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17944172/

27

4

0

文章推荐： ubuntu-12.04 - postgresql 无法在本地连接到服务器

文章推荐： SQL 输出 : Is it possible to create a temporary output column?

文章推荐： iis - 将 Kinect RGB 或深度相机流式传输到互联网

文章推荐： variables - 在 angularjs 的 src 属性中使用 ng-repeat 变量？

c# - Clipboard.ContainsData 和 Clipboard.GetData
我尝试使用 Clipboard 类粘贴一些复制的对象。 Public Class DogsZoo Public Property Dogs As List(Of Dog) Pub
linux - xterm 使用复制选择复制到 CLIPBOARD 会导致在鼠标选择时自动更新 CLIPBOARD
每当我按下 Ctrl-Shift-C 时，我已经尝试了多种方法强制 xterm(版本 285 和 292)将选择复制到 CLIPBOARD 剪贴板。到目前为止，最有前途的方法是在 ~/.Xresour
c# - 需要解释为什么 Clipboard.SetText ("") 不等于 Clipboard.Clear()
我路过一篇关于 Microsoft 的 Clipboard.SetText() 方法的文章: Clipboard.SetText Method (String) 而且我意识到如果字符串为空 ("")，
clipboard - react : copy component state value to clipboard without dummy element
在我的项目中有一个用例:用户单击一个按钮，然后将一些数据复制到剪贴板以进行下一步。复制的数据与单击的按钮相关，并存储在组件状态中。我做了一些搜索，并找到了如下潜在的解决方案: function c
javascript - TypeError : Cannot read property 'clipboard' of undefined when calling this. $ q.electron.clipboard
我正在使用我的应用程序在我的应用程序中添加“复制到剪贴板”功能。我使用以下命令: methods: { copyToClipboard () { if (process.env.
c# - 将 Keith Hill 的 PowerShell Get-Clipboard 和 Set-Clipboard 转换为 PSM1 脚本
我想将 Keith Hill 的 Get-Clipboard 和 Set-Clipboard 的 C# 实现转换为纯 PowerShell 作为 .PSM1 文件。有没有办法像他在使用剪贴板时在 C
clipboard - 保存更大剪贴板的工具
是否有任何工具可以在 Windows 中拥有更强大的剪贴板类型功能？我正在使用 vs.net 2008(如果它内置了但我不知道？) 我曾经有这个工具，我在剪贴板中创建了许多可以使用快捷方式访问的项目
clipboard - 访问远程桌面剪贴板
我正在通过 MSTSC 从笔记本电脑访问桌面。在 RDC session 中，我选择了允许访问打印机和剪贴板本地资源的选项。我可以从本地笔记本电脑复制并粘贴到我的远程桌面，但无法从远程复制并粘贴到本
clipboard - 将字符串变量写入剪贴板
我马上就承认，至少可以说，我缺乏 Pascal 经验。因此，我能得到的任何帮助将不胜感激。 :) 作为较大程序的一部分，我需要将字符串变量写入剪贴板。我在 Lazarus(版本 1.0.12)中创建了
clipboard - 用于Windows的Linux子系统中的剪贴板中的管道
使用Windows的Linux子系统(LSW)，可以使用clip.exe将数据复制到Windows剪贴板: $ clip.exe /? CLIP Description: Redirects
clipboard - 榆树:将文本复制到剪贴板
当用户单击 elm 0.18 中的按钮时，有没有办法将文本从 div 复制到剪贴板？我看过Clipboard.elm但我不能让它在 elm 0.18 中编译和工作。那么在 elm 0.18 中是否有
clipboard - 如何将透明图像粘贴到 photoshop？
有没有办法通过剪贴板将透明图像粘贴到 photoshop？我尝试使用已注册的“PNG”格式，但似乎 photoshop 不支持它(与 MSOffice 2007 和 GIMP 相反)。使用 CF_D
clipboard - 无法粘贴到 MacVim
我从 Vim 外部复制文本。 ⌘V 在其他应用程序中粘贴文本没有问题。在 MacVim 中，它不起作用。在插入模式下，什么都不显示。在普通模式下，我得到 E353: Nothing in regis
clipboard - 错误 - 打开剪贴板失败
我使用的是 Visio Professional 2003。它运行良好。但是现在当我复制和粘贴任何形状时，它会显示错误“打开剪贴板失败”。之后，我无法更改任何属性或名称。当我尝试关闭窗口时，它显示警
c# - Clipboard.SetContent中的错误
我正在建立一个UWP定位: 最低版本:14393 目标版本:18362 我的Windows版本是:10.0.19041内部版本19041 我有下面的代码: using Windows.Applicat
c# - 如何从 Clipboard 类中获取图像格式？
我正在用 C# 制作图像查看器。该功能是在 C# 上使用 Clipboard 类的复制和粘贴功能。并且我成功获取了 BitmapSource 的图像。但它无法检查图像格式(jpeg、png、bmp)
Kivy Clipboard.copy 标签文本
我想在双击标签时复制 Label: self.text 的内容，但以下内容不起作用: 主文件 #!/usr/bin/kivy # -*- coding: utf-8 -*- from kivy.app
clipboard - 在 ABAP 中拆分剪贴板导入
我正在使用 CLPB_IMPORT 功能模块将剪贴板获取到内部表。没关系。我正在复制两列 Excel 数据。所以它用分隔符'#'填充表格，比如； 4448#3000 4449#4000 4441#50
vim - 如何使用wayland从Vim复制到系统剪贴板而不使用编译的vim `+clipboard`功能标志
我无法复制到 +或 *登记。 :echo has('clipboard')从 Vim 内部返回 0这意味着我没有那个功能标志，我不想重新编译。我正在运行 Wayland 所以我不能使用 X11 ba
regex - Vim:将正则表达式匹配到+ clipboard
示例:%y+拖到外部+剪贴板。现在，我希望将诸如^\S\+之类的正则表达式的结果发送到外部+ clipboard。如何？试用1. [失败] :g@^\S\+@y+ 试用2。[失败] :^\S\+y+

首页

博学

6Ren·AI

商城

clipboard - ZeroClipboard:程序化 setText() 不起作用