警告
该master
分支包含v2.x
ZeroClipboard 的代码库!有关v1.x
代码库,请参见1.x-master
分支。
零剪贴板
ZeroClipboard库提供了一种使用不可见的Adobe Flash电影和JavaScript界面将文本复制到剪贴板的简便方法。“零”表示该库不可见,并且用户界面完全由您决定。
这是通过将不可见的影片自动浮动到您选择的DOM元素之上来实现的。标准鼠标事件甚至会传播到您的DOM元素中,因此您仍然可以具有翻转和鼠标按下的效果。
建议表示欢迎阅读过贡献的指导方针。
建立
要为本地开发设置项目,请从终端中的以下命令开始。
$ git clone https://github.com/zeroclipboard/zeroclipboard.git
$ cd zeroclipboard /
$ npm install -g grunt-cli
$ npm安装
$咕unt
发展历程
在提交请求之前,您需要验证,构建和测试代码。在终端中运行默认的grunt任务。
$咕unt
测试
如果只想运行测试,请运行grunt测试。
$ grunt 测试
局限性
需要用户互动
由于浏览器和Flash的安全性限制,仅当用户单击不可见的Flash影片时,才会发生剪贴板注入。click
来自JavaScript 的模拟事件是不够的,因为这将导致剪贴板中毒。
其他限制
有关限制的完整列表,请参阅docs / instructions.md#limitations。
在该页面中,你还可以找到一个解释,为什么ZeroClipboard将不是默认情况下在代码园地网站的工作一样的jsfiddle,JSBin和CodePen,以及相应的“查看”网址,在这些网站上使用,以允许ZeroClipboard到工作。
简单的例子
< html >
< 正文>
< 按钮 id =“ 复制按钮 ” data-clipboard-text =“ 复制我! ” 标题 =“ 单击以复制我。 ” >复制到剪贴板</ 按钮>
< 脚本 src =“ ZeroClipboard。 js “ > </ 脚本>
< 脚本 src =” main.js “ > </ 脚本>
</ 正文>
</ html>
// main.js
VAR 客户 = 新 ZeroClipboard ( 文件。的getElementById (“复制键” ) );
客户。on ( “ ready” , function ( readyEvent ) {
// alert(“ ZeroClipboard SWF就绪!”);
客户。上( “aftercopy” , 功能( 事件 ) {
//`this` ===`client`
//`event.target` ===在该被点击元素
事件。目标。风格。显示 = “无” ;
警报(“复制的文本到剪贴板:” + 事件。数据[ “文本/纯” ] );
} );
} );
有关使用您网站上的库的更多高级选项,请参阅docs / instructions.md。有关完整的API文档,请参阅docs / api / ZeroClipboard.md。
这是一个有效的测试页,您可以在其中浏览器中的ZeroClipboard。
在本地测试ZeroClipboard
支持
此库与Flash Player 11.0.0及更高版本完全兼容,这要求剪贴板复制操作由Flash电影中的用户click事件启动。这是通过将不可见的影片自动浮动到您选择的DOM元素之上来实现的。标准鼠标事件甚至会传播到您的DOM元素,因此,您只需付出一点点额外的努力就可以拥有翻转和鼠标按下的效果。
ZeroClipboard v2.x
有望在IE9 +和所有常绿浏览器中运行。尽管正式放弃了对IE7&IE8的支持v2.0.0
,但实际上在技术上还是通过了v2.0.2
。
发布
从1.1.7版本开始,ZeroClipboard使用语义版本控制。
查看发布
有关
执照
麻省理工学院© James M.Greene Jon Rohan
介绍 ZeroClipboard是在桌面电脑的浏览器上,通过flash技术实现“复制到剪切板”功能的一个程序。它的好处是可以兼容所有浏览器,完成剪切板的操作。 我们在使用的时候主要就用到两个文件:一个是js文件ZeroClipboard.js,用来引用在网页中;另一个则是swf文件ZeroClipboard.swf,它无需我们在代码里引用,而是被之前的那个ZeroClipboard.js二次调用的
项目中一直在使用UEditor,风平浪静。 近期该项目引入了Requirejs,结果发现在有富文本编辑器的页面都会在控制台报出如下异常: Uncaught ReferenceError: ZeroClipboard is not defined ueditor.all.min.js:265 经查看代码后发现 ueditor.../third-party/zero
1、ZeroClipboard的作用: 借助Zero Clipboard可以简单快速地将内容复制到剪贴板,类似点击某些网页中“复制”按钮后复制相应区域的内容。 2、ZeroClipboard的使用方法: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi
一个简单例子: Copy to Clipboard var client = new ZeroClipboard( $("#copy-button") ); client.on('ready', function (event) { client.on('copy', function (event) { event.clipboardData.setData('text/plain', even
【ZeroClipboard is not defined】的解决方法 参考文章: (1)【ZeroClipboard is not defined】的解决方法 (2)https://www.cnblogs.com/TiestoRay/p/4997195.html (3)https://www.codeprj.com/blog/4c404b1.html 备忘一下。
随着flash在许多环境(iPhone、Android、IE10等)中的消失,是否有任何新的解决方案即将在浏览器中推出,可以在不安装flash的情况下将信息安全地复制到剪贴板中? 到目前为止,我一直在使用ZeroClipboard,但我担心更多的观众没有flash和这个功能将会被破坏,我希望不要依赖flash任何可能。
本文向大家介绍浏览器复制插件zeroclipboard使用指南,包括了浏览器复制插件zeroclipboard使用指南的使用技巧和注意事项,需要的朋友参考一下 一个简单例子: 2.2版本需要引用jquery,要习惯把js代码写到页面底部,经测试,发现此代码不支持IE10/11,以下提供兼容IE的function,替换js部分即可 最后,需要注意的是不要在本地调度,你会发现不会生效,因为Flash的