<!DOCTYPE html>
<html>
<head>
<title>ZeroClipboard跨浏览器复制粘贴</title>
<meta charset="utf-8">
<script type="text/javascript" src="ZeroClipboard.min.js"></script>
</head>
<body>
<input value="http://www.baidu.com?recommnd=wuhan" id="input">
<button id="copy">点击复制</button>
<script type="text/javascript">
var client = new ZeroClipboard(document.getElementById("copy"), {
moviePath: './ZeroClipboard.swf'
});
client.on('load', function(client) {// alert( 'swf文件已加载' );
client.on('datarequested', function(client) {//这个时间必须监听,执行复制的代码放在这个回调里
client.setText(document.getElementById("input").value);
});
client.on('complete', function(client, args) { //复制完成后的提示，可有可无
alert("Copied text to clipboard: " + args.text);
});
});
client.on('wrongflash noflash', function() { //当浏览器不支持flash触发的事件,可有可无，这里可以写兼容代码
ZeroClipboard.destroy();
var copyDom = document.getElementById('input');
copyDom.select();//选中需要复制的内容
document.execCommand('Copy');//执行浏览器复制命令
});
</script>
</body>
</html>
ZeroClipboard跨浏览器复制粘贴的相关教程结束。
