1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>ZeroClipboard跨浏览器复制粘贴</title> 5 <meta charset="utf-8"> 6 <script type="text/javascript" src="ZeroClipboard.min.js"></script> 7 </head> 8 <body> 9 <input value="http://www.baidu.com?recommnd=wuhan" id="input"> 10 <button id="copy">点击复制</button> 11 <script type="text/javascript"> 12 var client = new ZeroClipboard(document.getElementById("copy"), { 13 moviePath: './ZeroClipboard.swf' 14 }); 15 client.on('load', function(client) {// alert( 'swf文件已加载' ); 16 17 client.on('datarequested', function(client) {//这个时间必须监听,执行复制的代码放在这个回调里 18 client.setText(document.getElementById("input").value); 19 }); 20 21 client.on('complete', function(client, args) { //复制完成后的提示，可有可无 22 alert("Copied text to clipboard: " + args.text); 23 }); 24 }); 25 26 client.on('wrongflash noflash', function() { //当浏览器不支持flash触发的事件,可有可无，这里可以写兼容代码 27 ZeroClipboard.destroy(); 28 var copyDom = document.getElementById('input'); 29 copyDom.select();//选中需要复制的内容 30 document.execCommand('Copy');//执行浏览器复制命令 31 }); 32 </script> 33 </body> 34 </html>