DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 跨浏覽器開發經驗總結(四) 怎麼寫入剪貼板
跨浏覽器開發經驗總結(四) 怎麼寫入剪貼板
編輯:關於JavaScript     
IE、 Firefox可以支持JavaScript往剪貼板寫入內容
IE可以很方便的支持剪貼板內容寫入命令,可以使用execCommand(),也可以利用window.clipboardData。

使用execCommand,需要先從頁面選中要復制到剪貼板的內容,如以下代碼:
復制代碼 代碼如下:
var doc = obj.createTextRange();
doc.select();
doc.execCommand('copy');

使用window.clipboardData的方法如下,代碼中同時實現了Firefox下寫入剪貼板的功能:
復制代碼 代碼如下:
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'");
//提示用戶開放浏覽器的安全性設置
}

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);
}

以上代碼可以實現在IE、Firefox中往剪貼版寫入自定義內容,但是opera和webkit內核浏覽器對安全性要求更高,不支持這種javascript直接操作剪貼板內容的方式,只能通過別的腳本語言“曲線救國”了。

Opera 、Safari、Chrome使用ActionScript往剪貼板寫入內容

具體的實現可以將原本的動作按鈕用flex或flash實現其外觀,替換原來的圖片或文字按鈕,然後在點擊該按鈕時,執行以下ActionScript腳本:

//從浏覽器環境中獲得需要寫入到剪貼板的內容

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

//設置剪貼板內容

System.setClipboard(s);

//調用完成設置剪貼板內容後需要繼續的JavaScript函數,比如提示用戶信息等

ExternalInterface.call("copyURLCompleted"); //copyURLCompleted是頁面上的javascript方法,繼續執行復制後的工作
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved