我用浏览器测试了一下,大部分的“复制链接到剪贴板”按钮的JS代码,只能在IE下使用,Firefox中就失效,会报告一个脚本错误。
我在“给网页添加打印按钮”一文中,也有一段代码是“复制本文链接到剪贴板”js脚本,很可惜只能在IE中使用。
今天,整理“淘宝网在线充值中心 - 荆棘鸟”页面,意外发现这个页面的“复制本文链接到剪贴板”代码,在IE、Firefox、Chrome中都有效,Demo在“淘宝网在线充值中心”,于是,把它挖出来共享。
<SCRIPT type=text/javascript>
function copy(meintext) {
if (window.clipboardData) {
window.clipboardData.setData("Text", meintext)
} else {
var flashcopier = 'flashcopier';
if(!document.getElementById(flashcopier)) {
var divholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML = '';
var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(meintext)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
alert('地址已经复制到您的剪贴板,您可以发送给您的朋友啦!');
}
</SCRIPT>
<input type="button" value="复制本文链接 [ IE Firefox Chrome ]" onclick="copy(location.href);return false;" />
注意红字部分的flash文件,“复制本文链接”兼容性全靠它了,本文提供下载,下载之后,在代码src=“” 写入flash存放地址。