这是ZeroClipboard.js压缩(suō)包下载,调试了好久(jiǔ),原来使(shǐ)用ZeroClipboard.js 必须放到web容器中才能调试(shì),本(běn)地直接打开html是不(bú)行了!
ZeroClipboard.js压缩包 用js与flash实现的(de)复(fù)制到剪(jiǎn)切(qiē)板的文(wén)件,这款兼容性比较好,作者也是持续的(de)更新。
ZeroClipboard.js压缩包是在开(kāi)发中(zhōng)经常会用(yòng)到复(fù)制(zhì)的功能,在 IE 下通过(guò)JavaScript 内(nèi)置的window.clipboardData.setData 可(kě)以简单实现复制到剪贴(tiē)板功能,但是(shì)无法(fǎ)兼容其他浏览器(qì),所以今天(tiān)介(jiè)绍一种终极解(jiě)决方法:使用jhuckaby写的Zero Clipboard的(de)js类库(kù)。此方法利用 Flash完成(chéng)进行复制内容到剪贴板,所以(yǐ)只要(yào)浏览器装有Flash 就可以复制(zhì)内容。
首先需要(yào)下载(zǎi) Zero Clipboard的压缩包,解(jiě)压后把文件夹中两个(gè)文件:ZeroClipboard.js 和(hé) ZeroClipboard.swf 放(fàng)入到你(nǐ)的项目中。
然后把(bǎ)在你要使用复制(zhì)功能的页面中(zhōng)引入(rù)Zero Clipboard的(de)js文件:ZeroClipboard.js
如下(xià)代码:
<script type="text/javascript" src="ZeroClipboard.js"></script>
注意:以上 ZeroClipboard.js, ZeroClipboard.swf需要(yào)放在同(tóng)一路径下(xià)。如果不(bú)在同一路径,可使用ZeroClipboard.setMoviePath( “Flash路径” );来设置ZeroClipboard.swf 地址
Zero Clipboard实现简单跨(kuà)浏(liú)览(lǎn)器复制
var clip = new ZeroClipboard.Client(); // 新建(jiàn)一个对象
clip.setHandCursor( true ); // 设置鼠标为(wéi)手型
clip.setText("哈哈"); // 设置要复(fù)制(zhì)的文本。
// 注册一个(gè) button,参数为 id。点(diǎn)击这个 button 就会(huì)复制。
//这个 button 不(bú)一(yī)定要求(qiú)是一个 input 按钮,也可以是其他 DOM 元素。
clip.glue("copy-botton"); // 和上一句位置不可调换
这(zhè)样,这(zhè)样(yàng)基本功能实(shí)现了,点击按钮就可以复制设置好(hǎo)的文本了。你可能(néng)注意(yì)到了,待复制(zhì)的文本是固定的,如(rú)果想要动态改变的(de)怎(zěn)么办(bàn),比如复制一(yī)个输入框(kuàng)中的内容。不用担心,下面会讲到的。
