1-
引用文件。下载后会得到两个核心文件ZeroClipboard.js和ZeroClipboard.swf，在项目中引用其中一个就可以。
<script type="text/javascript"
src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script>
2- 加载ZeroClipboard对象，并实现复制功能。
代码如下:
//设定flash文件引用路径。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//创建ZeroClipboard对象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加载事件，在mouseOver事件中将需要复制的内容传到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//复制成功后弹出对话框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定实现复制功能对象
clip.glue('Copy');
更多内容请参考下面的：
引用来自：http://twohuo.com/zeroclipboard.html
1、首先到ZeroClipboard官方网站
去下载需要的文件，将其中的ZeroClipboard.js
和ZeroClipboard10.swf
上传到您的网站。
2、根据提示修改好以下代码，然后添加到你的网页代码的<head></head>之间。
02
|
<
script
type
=
"text/javascript"
src
=
"ZeroClipboard.js"
></
script
>
<!--替换为正确的ZeroClipboard.js路径
-->
|
03
|
<
script
type
=
"text/javascript"
>
|
04
|
ZeroClipboard.setMoviePath( 'ZeroClipboard10.swf'
);
<!--替换为正确的ZeroClipboard10.swf路径-->
|
06
|
<!--btn_id,btn_id2用于定位flash，test_str为传入的文本，isId为0或者控件ID-->
|
07
|
function
copy_code(btn_id,btn_id2,test_str,isId) {
|
08
|
clip = new ZeroClipboard.Client();
|
09
|
clip.setHandCursor(true);
|
10
|
clip.addEventListener('mouseOver', function (client)
{
|
11
|
<!-- update the text on mouse
over-->
|
12
|
<!--传入ID时，用ID的value替换文本。-->
|
14
|
test_str
= document.getElementByIdx_x(isId).value;
|
16
|
clip.setText(test_str);
|
18
|
clip.addEventListener('complete',
function (client, text) {
|
19
|
alert("复制成功，你可以使用Ctrl+V
粘贴。");
|
22
|
clip.glue(btn_id,btn_id2);
|
3、使用的时候，先用一个style="position:relative;"的div来定位，然后在页面控件中使用onmouseover事件来调用copy_code()函数，如下是参考示例：
|
<!-- 下面这个div必须。。。否则可能导致定位不准。
-->
|
|
<
div
id
=
"d_clip_container"
style
=
"position:relative;"
>
|
|
<
input
type
=
"button"
id
=
"btn_copy"
value
=
"复制"
onmouseover
=
"copy_code(this.id,'d_clip_container',"
http://twohuo.com/",0);"
/>
|
|
<!--
参数4说明：传入id时，使用该id的值重新设置参数3；传入0时则不改变参数3.
-->
|
分享到：
相关推荐
标题中的“ZeroClipboard跨浏览器复制到剪切板”是指一个JavaScript库，它的主要功能是允许用户在网页上通过点击按钮或者其他交互方式，实现文本内容复制到计算机的剪切板。这个功能在现代网页应用中非常常见，比如...
总的来说，ZeroClipboard是一个非常实用的工具，它通过Flash技术解决了Web应用中跨浏览器复制到剪贴板的问题，提高了用户体验。对于前端开发者来说，掌握ZeroClipboard的使用有助于提升网页的交互性和功能性。
"跨浏览器复制"是这个工具的核心特性，意味着用户可以在这些浏览器之间无缝地复制和粘贴内容，无需担心因浏览器差异导致的功能不一致。 描述中提到的"包含demo"意味着这个压缩包内可能有一个演示项目或实例，供...
`ZeroClipboard`和`clipboard`分别代表了不同时期的跨浏览器复制文本的解决方案。对于新项目，推荐使用`clipboard`，因为它更轻量、更现代且不依赖Flash。但对于需要支持旧版浏览器的项目，`ZeroClipboard`仍是一个...
标题中的“ZeroClipboard实现兼容多浏览器复制”是指一个JavaScript库，ZeroClipboard，它允许用户在网页上通过模拟鼠标右键点击复制文本到剪贴板，从而实现跨浏览器的复制功能。这个库尤其重要，因为浏览器的安全...
总的来说，ZeroClipboard是一个强大的工具，它解决了跨浏览器的文本复制问题，特别是对于那些还需要支持Flash的旧版浏览器的项目。尽管随着HTML5的发展，原生的剪贴板API逐渐成为新的选择，但ZeroClipboard依然为...
总结来说，实现“跨浏览器复制到剪切板”的功能，开发者可以借助ZeroClipboard库结合JavaScript和jQuery，通过Flash技术绕过浏览器的安全限制。然而，随着Flash的逐渐淘汰，开发者也需要关注新的技术，如Web API中的...
ZeroClipboard利用了Flash技术来实现跨浏览器的剪贴板交互，因为JavaScript直接操作剪贴板的功能在某些浏览器中受到安全限制。 1. **JavaScript与剪贴板交互的限制** 在JavaScript中，直接操作剪贴板是受到浏览器...
ZeroClipboard是一款JavaScript库，它允许网页开发者通过模拟浏览器的右键复制功能，实现在网页上复制文本到剪贴板的功能。这款库巧妙地利用了Flash技术来绕过浏览器的安全限制，因为JavaScript直接操作剪贴板在大...
ZeroClipboard 是一个JavaScript库，主要用于实现网页上的跨浏览器复制功能，尤其在处理用户希望复制文本到剪贴板的场景中非常实用。这个库巧妙地利用了Adobe Flash技术，因为Flash在浏览器中的广泛支持，可以绕过...
其工作原理是利用Flash实现跨浏览器复制，通过在复制按钮上方浮动一个透明的Flash影片，使得用户点击按钮时，实际上是在与Flash影片交互，随后通过Flash影片的复制功能，将文本内容复制到用户的剪贴板。 在使用...
在浏览器环境中，由于安全限制，JavaScript通常无法直接访问操作系统级别的剪切板，而ZeroClipboard.js巧妙地利用了Flash插件来解决这个问题，实现了跨浏览器的剪切板复制功能。这个库在用户交互时特别有用，比如...
标题"Zero Clipboard 利用 Flash 进行复制 跨浏览器兼容"指出，这是一个关于使用Zero Clipboard库实现跨浏览器的文本复制功能的技术。Zero Clipboard是一款开源JavaScript库，它通过利用Flash技术来解决浏览器之间的...
ZeroClipboard是一款JavaScript库，它允许用户通过“剪贴板”API在网页上实现文本的复制功能，从而提供一种跨浏览器的复制体验。这个库利用了Adobe Flash技术来绕过浏览器的安全限制，因为JavaScript通常不能直接...
ZeroClipboard 是一个开源项目，它的核心原理是利用浏览器的 Flash 插件来模拟用户的鼠标点击行为，从而触发系统级别的复制操作。由于Flash在现代浏览器中逐渐被淘汰，ZeroClipboard 也更新了版本，兼容HTML5技术，...
由于Flash拥有跨域的剪贴板访问权限，因此ZeroClipboard可以绕过浏览器的安全限制，实现在网页上复制文本。 首先，你需要在项目中引入ZeroClipboard的JavaScript库和Flash.swf文件。通常，你可以通过CDN或者本地...
浏览器复制插件Zeroclipboard是一款用于网页中实现元素内容复制到剪贴板功能的JavaScript库。这个插件利用了Adobe Flash技术来绕过浏览器的安全限制，使得开发者可以轻松地为网页添加复制按钮，而无需用户手动选择和...
ZeroClipboard是一个流行的开源JavaScript库，它利用Flash作为“中间人”来实现跨浏览器的剪贴板操作。其工作原理是创建一个透明的Flash对象覆盖在需要复制的文本上，当用户点击这个透明层时，Flash对象会获取选中的...
Flash被用作复制功能的桥梁，是因为在某些旧版本的浏览器和跨域安全策略下，JavaScript无法直接访问剪贴板。 使用jQuery ZClip的基本步骤如下： 1. 引入jQuery库：由于ZClip是基于jQuery的，所以首先需要在页面中...
确保浏览器支持Flash并且允许运行Flash内容，否则zeroclipboard将无法正常工作。 3. 使用zeroclipboard的基本步骤 a) 初始化：在页面加载完成后，需要实例化zeroclipboard对象，通常放在文档加载事件中。 ```...