掃瞄器復(fù)制插件zeroclipboard用法指南_

1、掃瞄器復(fù)制插件zeroclipboard用法指南_ ZeroClipboard 是國外大神開發(fā)的一個(gè)用于剪貼板復(fù)制的 JS 插件，它是基于 Flash 來實(shí)現(xiàn)跨掃瞄器的復(fù)制功能的。當(dāng)我們用法 ZeroClipboard 的時(shí)候，它會悄悄隱蔽一個(gè)小小的 Flash 影片(swf)，不會對我們的用戶界面造成影響。我們只需要借助它實(shí)現(xiàn)復(fù)制功能就行了。 一個(gè)簡潔例子： html body button id=copy-button data-clipboard-text=Copy Me! title=Click to copy me.Copy to Clipboard/button script sr

2、c=/Scripts/jquery-1.7.1.js/script script src=/Scripts/ZeroClipboard.js/script /body script var client = new ZeroClipboard( $(#copy-button) ); client.on(ready, function (event) client.on(copy, function (event) event.clipboardData.setData(text/plain, event.target.innerHTML); alert(復(fù)制勝利); ); client.on(

3、aftercopy, function (event) /復(fù)制之后的操作，假如不是自動(dòng)在本頁面粘貼，請把此大事備注掉 console.log(Copied text to clipboard: + event.datatext/plain); ); ); client.on(error, function (event) /出錯(cuò)的時(shí)候該干嘛 / console.log( ZeroClipboard error of type + + : + event.message ); ZeroClipboard.destroy(); ); /script /html 2.2版本需要

4、引用jquery,要習(xí)慣把js代碼寫到頁面底部，經(jīng)測試，發(fā)覺此代碼不支持IE10/11,以下供應(yīng)兼容IE的function，替換js部分即可 script $(function() var text=取文本; var msg=復(fù)制勝利; clipboard(btn_copy,text,msg); ); /參數(shù)說明 /button:按鈕id /text:要復(fù)制的文本 /msg:復(fù)制勝利提示文本 function clipboard(button,text,msg) if (window.clipboardData) /for ie var copyBtn = document.getElemen

5、tById(button); copyBtn.onclick = function () window.clipboardData.setData(text, text); alert(msg); else var client = new ZeroClipboard($(# + button); client.on(ready, function (event) client.on(copy, function (event) event.clipboardData.setData(text/plain, text); alert(msg); ); ); client.on(error, function (event) ZeroClipbo