该库不再维护,因为它不再需要现代网络开发。如果您希望前端JavaScript操纵剪贴板,请查看新的HTML剪贴板API(MDN上的各种文档),或像剪贴板。感谢您的所有支持,这个项目多年来一直是爱的劳动。
该master分支包含Zeroclipboard的v2.x代码库!对于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 install
$ grunt在提交拉动请求之前,您需要验证,构建和测试代码。在终端中运行默认的grunt任务。
$ grunt如果您只想运行测试,请进行GRUNT测试。
$ grunt test 由于浏览器和Flash安全性限制,只有在用户单击“无形闪存电影”时,才会发生此剪贴板注入。 JavaScript的模拟click事件将不够,因为这将使剪贴板中毒。
有关限制的完整列表,请参见文档/指令。md#限制。
在该页面上,您还将发现默认情况下的Zeroclipboard在JSFIDDLE,JSBIN和CODEPEN等代码游乐场站点上不起作用的解释,以及在这些站点上使用的适当的“视图” URL以允许Zeroclipboard上班。
< html >
< body >
< button id =" copy-button " data-clipboard-text =" Copy Me! " title =" Click to copy me. " > Copy to Clipboard </ button >
< script src =" ZeroClipboard.js " > </ script >
< script src =" main.js " > </ script >
</ body >
</ html > // main.js
var client = new ZeroClipboard ( document . getElementById ( "copy-button" ) ) ;
client . on ( "ready" , function ( readyEvent ) {
// alert( "ZeroClipboard SWF is ready!" );
client . on ( "aftercopy" , function ( event ) {
// `this` === `client`
// `event.target` === the element that was clicked
event . target . style . display = "none" ;
alert ( "Copied text to clipboard: " + event . data [ "text/plain" ] ) ;
} ) ;
} ) ;有关使用网站上库的更高级选项,请参见DOCS/DENSMITION.MD。有关完整的API文档,请参见DOCS/API/ZEROCLIPLIPBOADE.MD。
这是一个工作测试页面,您可以在其中尝试浏览器中的Zeroclipboard。
要在本地测试页面演示页面,请克隆网站回购。
该库与Flash Player 11.0.0及以上完全兼容,该库要求剪贴板复制操作由Flash Movie内的用户单击事件启动。这是通过将无形电影自动浮在您选择的DOM元素之上来实现的。标准的鼠标事件甚至可以传播到您的DOM元素,因此您仍然可以额外的努力具有翻车和鼠标效果。
Zeroclipboard v2.x有望在IE9+和所有常绿浏览器中工作。尽管对IE7&IE8的支持在v2.0.0中正式删除,但实际上在v2.0.2上仍然得到了支持。
从版本1.1.7开始,Zeroclipboard使用语义版本控制。
请参阅版本
麻省理工学院©James M. Greene Jon Rohan