方案一:利用“window.clipboardData”

代码示例:
Js代码
  1. if (window.clipboardData) {   
  2. window.clipboardData.clearData();   
  3. window.clipboardData.setData("Text", txt) };
评论: 这个方案只适合IE浏览器,同时在IE7下有个如下安全提示的对话框。
由于 IE 的浏览器的占有率比较大,这个方案是使用最广的,也是最简单的方法。
支持浏览器:IE5.5 IE6.0 IE7.0

方案二:利用“Components.interfaces.nsIClipboard”

代码示例:
Js代码
  1. if (window.netscape) {   
  2. try {   
  3. netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
  4. } catch (e) {   
  5. if (flag == 0) {   
  6. alert("You are using the Firefox browser, copy the function browser refuse!   
  7. \nPlease in the browser address bar enter'about:config' and Enter \n and set'signed.applets.codebase_principal_support' to 'true'");   
  8.   
  9. } else {   
  10. alert("你使用的是Firefox 浏览器,复制功能被浏览器拒绝!\n请在浏览器地址栏输入'about:config'  
  11. 并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");   
  12.   
  13. }   
  14. }   
  15. var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance   
  16. (Components.interfaces.nsIClipboard);   
  17. if (!clip)   
  18. return;   
  19. var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance   
  20. (Components.interfaces.nsITransferable);   
  21. if (!trans)   
  22. return;   
  23. trans.addDataFlavor('text/unicode');   
  24. var str = new Object();   
  25. var len = new Object();   
  26. var str = Components.classes["@mozilla.org/supports-string;1"].createInstance   
  27. (Components.interfaces.nsISupportsString);   
  28. var copytext = txt;   
  29. str.data = copytext;   
  30. trans.setTransferData("text/unicode", str, copytext.length * 2);   
  31. var clipid = Components.interfaces.nsIClipboard;   
  32. if (!clip)   
  33. return false;   
  34. clip.setData(trans, null, clipid.kGlobalClipboard);   
  35.   
  36. }  
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();
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

代码示例:
Js代码
  1. varflashcopier ='flashcopier';   
  2. if(!document.getElementById(flashcopier)) {   
  3. vardivholder = document.createElement('div');   
  4. divholder.id = flashcopier;   
  5. document.body.appendChild(divholder);   
  6. }   
  7. document.getElementById(flashcopier).innerHTML ='';   
  8. vardivinfo ='<embed src="clipboard.swf" FlashVars="clipboard='+ text2copy +'"   
  9. width="0" height="0" type="application/x-shockwave-flash"></embed>';   
  10. document.getElementById(flashcopier).innerHTML = divinfo;}  
varflashcopier ='flashcopier';
if(!document.getElementById(flashcopier)) {
vardivholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML ='';
vardivinfo ='<embed src="clipboard.swf" FlashVars="clipboard='+ text2copy +'"
width="0" height="0" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;}
 

 
评论: 这个方案是一个最流行的方法,著名的 Clipboard Copy 解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板。原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=..”,通过这个赋值flash就会把复制的内容放到剪贴板。这个方法兼容IE、Firefox、 OperachromeSafari ,真可谓“万能”的解决方案。浏览器Flash的安装率非常高,这几乎是一个完美的解决方案。
clipboard.swf 的下载地址: http://watch-life.googlecode.com/files/clipboard.swf
但是,世界上有完美的事么?这个方法只支持flash 9 ,不支持最新的flash 10。因为flash10中规定了只有在swf上进行了真实的操作(比如鼠标点击)才能访问剪切板,而上述方法只是使用了一个隐藏的swf文件,通过 javascript操作flash的剪贴板,用户并没有对swf文件进行真实的操作,因此这个方法也就失效了。
那么如何解决这个“真实操作”的问题呢?可以使用一个JavaScript库: Zero Clipboard ,利用这个js库可以支持利用flash 10 实现复制到剪贴板。这个方法原理是在一个透明的flash(对用户来说是不可见的)上覆盖一个dom元素比如button或div,当点击这个dom时,实际点击的是flash,从而访问flash的剪贴板。真够曲折的。:-)
具体的实现详见如下链接:
Zero Clipboard项目主页: http://code.google.com/p/zeroclipboard/
支持浏览器: Firefox1.5 firefox2.0 firefox3.0 IE5.5 IE6.0 IE 7.0 opera 8 opera 9 chorme 1.0 chorme 2.0 safari 3