问题标签 [zeroclipboard]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3839 浏览

jquery - jQuery对话框中的zeroclipboard复制文本不起作用

我在我的页面中使用 jquery ui 对话框,令人惊讶的是 zeroclipboard 复制到剪贴板功能在 jquery 对话框中不起作用。

这是我的全部代码...

如果我单击第一个“复制”链接,文本将被很好地复制并生成警报。但是当我启动 jquery 对话框并单击其中的“复制”链接时,文本不会被复制。

可能有人可以使用上面的代码(复制粘贴)重现该问题并找到它。

注意:我正在关注Davidwalsh 网站上的核心示例

0 投票
6 回答
47556 浏览

html - HTML5 替代基于 Flash 的 ZeroClipboard 以将数据安全复制到剪贴板?

随着闪存在许多环境(iPhone、Android、IE10 等)中的出现,是否有任何新的解决方案出现在任何浏览器中,可以在不安装闪存的情况下将信息安全复制到剪贴板?

到目前为止,我一直在使用ZeroClipboard,但我担心更多没有 Flash 的观众,这个功能会被破坏,我希望尽可能不依赖 Flash。

0 投票
1 回答
197 浏览

javascript - 在我的脚本上工作的 javascript 剥离标签

我正在使用ZeroClipboard从生成器中复制代码,然后用户可以粘贴该代码。我可以轻松地将代码从生成器复制到剪贴板,但是当我在它.replace之后添加命令时,.innerHTML它也会复制 html 标签<p><span>. 生成器输出的 HTML 如下所示:

以及从元素中获取文本并尝试将 HTML 标记替换为空白值的 javascript。

我对 javascript 代码做错了什么,如何修复它以消除这些标签?

0 投票
0 回答
190 浏览

jquery - 试图让 ZeroClipboard 工作,但没有运气

这是我的代码:

JavaScription:

HTML:

由于某种原因它不起作用,我没有收到任何错误消息......知道为什么会这样吗?

0 投票
1 回答
472 浏览

javascript - 捕获具有不同 z 索引的元素的 mouseover 和 onclick

我想制作一个网页,允许用户通过单击选择和复制 HTML 实体,并且使用 ZeroClipboard 应该足够好。我希望页面上有数十个甚至数百个可复制的 HTML 实体,因此我不希望每个实体都有一个 ZeroClipboard 客户端。我想出的解决方案是有一个 HTML 实体表,其中每个 td 包含一个不同的 HTLM 实体,并捕获 onmouseover,因此我可以确定用户想要哪个 HTML 实体。然后我将 ZeroClipboard 粘贴到该表上以捕获 onclick。默认情况下,ZeroClipboard 对象的 z-index 为 99,因此它位于表格上方。不幸的是,由于 ZeroClipboard 对象在语义上与表无关,因此事件无法传播到隐藏在下面的 td。

有没有一种方法可以捕获 z-index 为 99 的 ZeroClipboard 对象(嵌入)上的 onclick,并捕获位于下方 z-index 为 1 的 td 上的 onmouseover?我需要找到鼠标光标的坐标来执行此操作吗?我宁愿不这样做,因为a)它很混乱,b)W3C规范在技术上是不可能的。

我已经冻结了我当前代码的两份副本:

ZeroClipboard embed z-index=99 : http://www.aidansean.com/physics/symbols_static.php
(这可以复制左上角框的“...”内容。)

ZeroClipboard embed z-index=-99: http://www.aidansean.com/physics/symbols_static_2.php
(这可以改变左上角方框的“...”内容。)

我想结合这两个页面的功能。非常感谢任何帮助!

0 投票
0 回答
215 浏览

javascript - 从 asp.net 中继器执行 Java 脚本

我正在尝试使用中继器中的 zeroclipboard 库。我在中继器的每一行都有一个带有数据的文本框和一个复制到剪贴板的按钮。

我所做的是编写了一个 js 函数,该函数接受文本框 id 和按钮,并在将数据从服务器绑定到中继器时在单击按钮时调用它。这是js方法

现在的问题是,当您第一次单击任何按钮时,它会调用 js 函数并绑定 zeroclipboard 库以将数据复制到剪贴板。并在第二次单击病房时开始正常运行(复制到剪贴板)

我无法想出任何方法来使用中继器实现 zeroclipboard。提前感谢您的帮助。

0 投票
0 回答
308 浏览

javascript - 在工具提示中使用 Jquery zClip

我一直在寻找,但似乎找不到答案。我正在尝试使用 zClip 将复制按钮添加到工具提示中弹出的文本中。因此,当用户单击工具提示时,将有一个选项可以将显示的文本快速复制到他们的剪贴板。

但我似乎无法让 zClip flash 文件在工具提示中找到复制按钮。我已经尝试调整 css 位置和 z-index,但似乎没有任何效果。

以下是我发布给 qTip2 工具提示的开发者的内容:

http://jsfiddle.net/fDavN/4211/

他很友好地回应:

http://jsfiddle.net/fDavN/4256/

但我仍然无法让它工作。有任何想法吗?我也很乐意尝试模态窗口(我相信 Scribd 以这种方式使用 zClip)。我尝试了一个模态窗口,但遇到了同样的问题。

0 投票
2 回答
1323 浏览

javascript - ZeroClipboard 用户脚本添加鼠标悬停,在 Firefox 中工作,但不是 chrome

我正在使用 zeroclipboard 在用户脚本中为相当大的列表中的每一行添加一个“复制”链接。为了实现这一点,我使用了与此页上列出的方法类似的方法,其中当用户将鼠标悬停在行上时,将为每一行创建 ZeroClipboard.Client() 元素。这在 FireFox 中效果很好,但在 Chrome 中却不行。

另请注意:我将 ZeroClipboard.js 文件的内容复制到用户脚本本身,而不是将其包含在外部文件中。

这是为每个元素创建复制按钮的标记
<span style="color:blue; text-decoration:underline; cursor:pointer" id="copy_'+id+'" class="CopyLink" link="'+url+'" onmouseover="clipboard.add(this)">Copy</span>

这是添加剪贴板客户端对象的代码段:

在此块中,当我将鼠标悬停并单击复制范围时,每个 console.log 都会在 FireFox 中触发,但在 chrome 中,除了“完整”侦听器触发之外的所有内容。通过使用此页面上的示例,我能够验证 ZeroClipboard 是否在我的 Chrome 中工作。我还能够验证 Flash 对象是否被添加到页面中的正确位置,但它根本没有响应点击。

由于该站点不再维护 zeroclipboard 代码,因此我希望有人可以帮助我。我认为在鼠标悬停时动态添加 chrome 中的嵌入式 Flash 对象可能存在一些问题,或者 chrome 与 firefox 中的用户脚本与greasemonkey 之间可能存在一些差异?任何帮助将不胜感激,谢谢

0 投票
0 回答
282 浏览

javascript - 将文本范围选择发送到 zeroclipboard

我试图允许用户使用 Javascript 复制页面上的“富文本”以粘贴到 Word / 他们的电子邮件程序等中。

为此,我首先使用此函数创建范围选择:

然后我尝试将输出发送到 zeroclipboard,如下所示:

这会引发错误“未捕获 RangeError:超出最大调用堆栈大小”

请注意,我不希望复制文本,例如:

我希望文本包含可以粘贴到另一个程序(如 Word/Gmail 等)中的富文本(格式化文本)。基本上,如果您手动选择页面上的文本并复制它,您会得到什么。

我究竟做错了什么?我正在尝试的可能吗?

0 投票
1 回答
2476 浏览

ruby-on-rails - 如何使用 gem 零剪贴板导轨?

我在Gemfile中添加了gem zero-clipboard-rails,运行bundle install,不明白下一步是什么?