昨天在也一个php程序的时候,要实现“复制到剪贴板”的功能,由于安全问题,浏览器的限制越来越严,实现的方法也越来越有限,这个简单的功能要想实现兼容不同的浏览器还真不容易,根据网上的一些资料结合我测试的经验,相关解决方案如下:
方案一:利用“window.clipboardData”
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)代码示例:
if (window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt)
};
评论:这个方案只适合IE浏览器,同时在IE7下有个如下安全提示的对话框。
由于IE的浏览器的占有率比较大,这个方案是使用最广的,也是最简单的方法。
支持浏览器:IE5.5 IE6.0 IE7.0
方案二:利用“Components.interfaces.nsIClipboard”
代码示例:
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
if (flag == 0) {
alert("You are using the Firefox browser, copy the function browser refuse!
nPlease in the browser address bar enter'about:config' and Enter n and set'signed.applets.codebase_principal_support' to 'true'");
} else {
alert("你使用的是Firefox 浏览器,复制功能被浏览器拒绝!n请在浏览器地址栏输入'about:config'
并回车n然后将'signed.applets.codebase_principal_support'设置为'true'");
}
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance
(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance
(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)var str = Components.classes["@mozilla.org/supports-string;1"].createInstance
(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
trans.setTransferData("text/unicode", str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans, null, clipid.kGlobalClipboard);
}
(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance
(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)var str = Components.classes["@mozilla.org/supports-string;1"].createInstance
(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
trans.setTransferData("text/unicode", str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans, null, clipid.kGlobalClipboard);
}
(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance
(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)var str = Components.classes["@mozilla.org/supports-string;1"].createInstance
(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
trans.setTransferData("text/unicode", str, copytext.length * 2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans, null, clipid.kGlobalClipboard);
}
评论:这个方案只适合Firefox,同时也有安全的问题,如果想使用这个方法,必须手动开启Firefox的一个配置:signed.applets.codebase_principal_support。方法是:在地址栏输输入“about:config”,设置“signed.applets.codebase_principal_support”为true,默认该项是false。
这个方法虽然可以在Firefox使用,但让一个普通用户去开启这个配置似乎太专业了。
把这个方案和方案一结合,可以适用80%以上的用户。
支持浏览器:Firefox1.5 firefox2.0 firefox3.0
方案三:javascript + flash
代码示例:
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=' + text2copy + '"
width="0" height="0" type="application/x-shockwave-flash"/embed';
document.getElementById(flashcopier).innerHTML = divinfo;}