问题标签 [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 投票
1 回答
3931 浏览

jquery - 如何使用 jQuery 和 ZeroClipboard 将 Ajax 响应加载到剪贴板?

我需要一种将动态(Ajax)加载的内容复制到 Web 浏览器中的剪贴板的方法。有许多库可以使用 Flash 模拟复制到剪贴板的功能。但是,使用新的Flash 10 默认安全设置,复制到剪贴板设置现在需要明确的用户确认。 ZeroClipboard是一个 Javascript/Flash 库,可以绕过这个“限制”(使用 Flash 电影点击劫持)。

这是我编写的一个简单的 JQuery 插件,用于将 ZeroClipboard 集成到我的应用程序中:

每个锚 url 指向服务器上的一个文本文件。当点击 flash 影片(click-jacked 链接)时,它会通过 Ajax 和 ZeroClipboard 将锚点对应的文本文件加载到剪贴板中。

这个插件在 Safari 中运行良好(即使是 4000+ 行的prototype.js 文本文件)。然而,它在 FF3.0 上失败了,即使在一个简单的文本文件中也只有一行:“hello”。我已将 Ajax 调用的内容记录到控制台中。成功回调似乎确实有效。似乎第二次单击电影将完成复制(因为浏览器缓存了第一次 Ajax 调用的文本文件)。

请注意,我在这里使用了同步 Ajax 调用来等待文本完成加载。任何人都知道为什么我的代码不能按预期工作?(不确定是否相关,我的后端是在 Rails 中完成的)。

0 投票
1 回答
1075 浏览

flash - 使用带有 Dijit.Menu 的 ZeroClipboard 来提供复制功能

我有一个 web 应用程序,它(确实)允许使用 zeroClipboard 复制文本,使用 Dijit.Menu,通过右键单击。问题是 Flash 10 需要用户点击实际的 Flash 小程序才能让这种情况发生。

我曾尝试使用 ZeroClipboard.glue() 方法将 swf “粘合”到菜单项,但没有成功。我只是想知道是否有人不得不处理这个问题。

谢谢。

0 投票
2 回答
1977 浏览

javascript - IE 中的 jQuery UI 对话框和 Flash

我一直试图让零剪贴板jQuery UI 对话框一起玩得很好,事实证明这相当困难。

零剪贴板允许通过在按钮上放置透明的 Flash 影片从 Javascript 复制到剪贴板,以便用户在尝试单击按钮时单击 Flash。正如您在演示页面中看到的那样,这可以很好地跨浏览器工作。

但是,当尝试在 jQuery UI 对话框中使用它时,似乎出现了问题。

首先,我发现 Flash 元素必须放在对话框元素中,否则 Chrome 和 IE 拒绝响应点击事件。这意味着我不能使用glue便捷方法,但没关系。

但是,现在 IE 出于某种原因将不接受setTextFlash 元素上的方法。

我所做的一个例子是here。我的代码从第 300 行开始,最相关的行是:

为了安全起见,我将 div 着色为红色,以便更容易发现并将其 z-index 设置为 9999。然后我设置位置和大小以覆盖“按钮”,并为 Flash 元素添加 HTML clip.getHTML()

我已经为此工作了几个小时,所以任何帮助将不胜感激。

差点忘了:我的问题是 IE7 在零剪贴板代码中说“对象不支持此属性或方法”。

更新

powtac 的评论指出了一些看起来很有希望的东西:

我忘记了自己的黄金法则:为了让 Flash ExternalInterface 在 IE 7 中工作,您必须在将 EMBED/OBJECT HTML 附加到 DOM之后将其填充到 DIV 元素中。愚蠢的IE。

但是,切换线路.html(clip.getHTML(btn.width(), btn.height())).appendTo("#showme")没有帮助。即使setTimeout稍后添加 Flash HTML 也无济于事。我觉得我真的很接近,虽然......

0 投票
4 回答
2481 浏览

jquery - zeroClipboard 复杂的 CSS 问题

我有图像列表,鼠标悬停在其下方显示选项框,其中嵌入了要从中复制的代码输入框。现在我在其上实现了 zeroclipboard,用于使复制功能在单击时起作用,因此当我将鼠标悬停在图像上时,它会正确显示选项框,但是当我用鼠标单击输入框以复制代码时,选项会得到关闭,认为它不再在选项 div 中,因为 zeroclipboard 在它上面有 div,所以鼠标继续它并且它被关闭。

所以解决方案是在选项 div 中创建该 div,它一直在处理,但现在 zeroclipboard div 样式显示错误,我不知道如何修复它。

以下是 zeroclipboar 的样式,我不知道在上面设置什么样式,所以它在输入框上方,所以我可以点击它,所以它像往常一样工作正常。

0 投票
4 回答
21191 浏览

javascript - 在 iPhone 上的移动 Safari 中选择文本

我试图让 iphone 用户可以轻松地将一些文本复制到移动 safari 中的剪贴板。就像通常的“触摸保持复制”一样。我希望用户复制一段特定的文本。我可以完全选择用于包装文本的 html 标记。我怎样才能让它变得容易,而不是随意?例如:

  • 有没有办法在使用javascript触地时“全选”文本?那么用户可以继续按住然后选择复制吗?

  • 有没有办法调出“全选”选项?就像在文本框中输入时一样?之后他们可以选择副本吗?

  • 如果没有 javascript 解决方案,我该如何安排 html 以帮助 Safari 轻松选择正确的文本位?而不是一个词,还是一个包装的 div?

我已经为各种元素尝试过 onFocus="this.select()" ,但似乎都没有。也试过onClick。

那些尝试将使用 ZeroClipboard 的网站移植到 iPhone 上的人可能会有一些想法。

干杯

0 投票
3 回答
7868 浏览

jquery - Zeroclipboard 多个元素

我在代码中创建多个 Zeroclipboard 实例时遇到问题,每个实例在调用后都会启动一个弹出窗口。

我成功地生成了复制到剪贴板的功能,但是如果我使用 onMouseUp、onComplete 事件来触发弹出功能,它要么像 4-5 个弹出窗口一样触发,要么根本不触发。

PS 我试图从如何使用 jQuery 和 ZeroClipboard 将 Ajax 响应加载到剪贴板?而不是 ajax 调用只是复制到剪贴板并在完成午餐时弹出一个弹出窗口......正如我所说的那样对我不起作用。

在启用 flashblocker 时我还发现,每次我翻转一个 CODE 标签时,都会在同一个位置创建一个新的 flash,所以这可能是我点击它时弹出 3-4 个弹出窗口的解释。如果我翻转更多,就会出现更多弹出窗口。有没有办法阻止闪光灯在同一地点创建或在推出时销毁?

0 投票
2 回答
1556 浏览

jquery - 零剪贴板悬停

我正在尝试实现在retailmenot.com 上使用的闪存组件,但我遇到了一些问题。

经过几天的搜索,我成功地使用了 zeroclipboard flash 元素来检查我的多个优惠券代码,当我点击一个以使用该链接打开一个新网址时。

我现在做不到,我尝试使用几种 jQuery 方法是在我所在的悬停元素的右侧显示“复制和打开站点”框。它看起来像一个工具提示。

我尝试将方法 $('.class_element').hover( function (){ } display new div on the left) 应用于不可见 flash 下的 dom 元素,但由于 flash 在顶部,所以它不是触发。

我所做的另一个尝试是修改 Zeroclipboard.js 文件,并在其中包含 flash 的绝对 div 中添加一个 id,并在其上添加悬停事件,但仍然没有成功。

我还尝试使用 Zeroclipboard 元素中的 addEventListner('mouseover', function(){}) 但没有成功。

您能否建议我如何为位于 dom 元素顶部的 flash 组件制作某种工具提示?

谢谢!

0 投票
2 回答
605 浏览

javascript - 零剪贴板问题

我运行使用 javascript 代码获取浏览器信息,它在 microsoft windows xp 上运行良好,但在 microsoft windows server 2003 上无法运行。我的代码如下。请帮忙。

0 投票
4 回答
32752 浏览

jquery - 如何在 jQuery 中实际使用 ZeroClipboard?

我就是拿不到这个东西。ZeroClipboard 应该如何工作?为什么需要将 flash-element 移动到复制的文本上?

我读过这个东西:http ://code.google.com/p/zeroclipboard/wiki/Instructions

有人可以为我提供一个简短的片段,当用户单击链接时,可以将变量中的文本复制到用户剪贴板。这甚至可能吗?我不在乎,如果它不适用于所有浏览器(例如 IE6)。

我正在使用 jQuery。

0 投票
2 回答
8148 浏览

jquery - Trouble with ZeroClipboard

I'm trying to use Zeroclipboard to copy stuff to the clipboard, but it doesn't seem to be working. My code:

HTML:

Javascript:

What's wrong with this? Thansk!