快捷導(dǎo)航

跨瀏覽器開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)（四）怎么寫(xiě)入剪貼板

更新時(shí)間：2010年05月13日 19:34:22 作者：

讓你的操作剪切板的操作支持多瀏覽器，一般IE,Firefox

IE、 Firefox可以支持JavaScript往剪貼板寫(xiě)入內(nèi)容
IE可以很方便的支持剪貼板內(nèi)容寫(xiě)入命令，可以使用execCommand()，也可以利用window.clipboardData。

使用execCommand，需要先從頁(yè)面選中要復(fù)制到剪貼板的內(nèi)容，如以下代碼：

復(fù)制代碼代碼如下:

 
var doc = obj.createTextRange(); 
doc.select(); 
doc.execCommand('copy'); 

使用window.clipboardData的方法如下，代碼中同時(shí)實(shí)現(xiàn)了Firefox下寫(xiě)入剪貼板的功能：

復(fù)制代碼代碼如下:

 
if(window.clipboardData) //IE 
{ 
window.clipboardData.clearData(); 
window.clipboardData.setData("Text", txt); 
} 
else if (window.netscape) 
{ 
try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); 
} 
catch (e) 
{ 
alert("please visit 'about:config' and set signed.applets.codebase_principal_support as 'true'"); 
//提示用戶(hù)開(kāi)放瀏覽器的安全性設(shè)置 
} 

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; 
　　　　　　 clip.setData(trans,null,clipid.kGlobalClipboard); 
} 

以上代碼可以實(shí)現(xiàn)在IE、Firefox中往剪貼版寫(xiě)入自定義內(nèi)容，但是opera和webkit內(nèi)核瀏覽器對(duì)安全性要求更高，不支持這種javascript直接操作剪貼板內(nèi)容的方式，只能通過(guò)別的腳本語(yǔ)言“曲線救國(guó)”了。

Opera 、Safari、Chrome使用ActionScript往剪貼板寫(xiě)入內(nèi)容

具體的實(shí)現(xiàn)可以將原本的動(dòng)作按鈕用flex或flash實(shí)現(xiàn)其外觀，替換原來(lái)的圖片或文字按鈕，然后在點(diǎn)擊該按鈕時(shí)，執(zhí)行以下ActionScript腳本:

//從瀏覽器環(huán)境中獲得需要寫(xiě)入到剪貼板的內(nèi)容

var s:String = String(ExternalInterface.call("getURL4Clipboard")); //getURL4Clipboard是頁(yè)面上return剪貼板內(nèi)容的javascript方法

//設(shè)置剪貼板內(nèi)容

System.setClipboard(s);

//調(diào)用完成設(shè)置剪貼板內(nèi)容后需要繼續(xù)的JavaScript函數(shù)，比如提示用戶(hù)信息等

ExternalInterface.call("copyURLCompleted"); //copyURLCompleted是頁(yè)面上的javascript方法，繼續(xù)執(zhí)行復(fù)制后的工作

您可能感興趣的文章: