提醒：本文最後更新於 3806 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

眾所周知，firefox的安全性比較高，但是安全帶來的弊端就是很多功能不支援。比如說在IE下可以通過指令碼來設當前網頁為首頁，firefox卻不行。今天要討論的是另外一個問題：怎麼在firefox等不支援window.clipboardData的瀏覽器下實現複製呢？

首先，我們來看網易郵箱是怎麼解決這個問題的。我們在firefox下進到寫郵件頁面，點選編輯器上的全部功能，然後點選左邊的“複製”按鈕，“您的瀏覽器安全設定不允許編輯器自動執行拷貝操作,請使用鍵盤快捷鍵(Ctrl C)來完成”，網易郵箱給了我們這麼一個提示。我覺得這個解決方案可以得80分，因為它告訴了我們兩個資訊：其一，之所以複製操作沒有完成是因為我的瀏覽器很安全，為了安全損失一點使用者體驗一般使用者是可以接受的；其二，它還提示了我們可以通過鍵盤快捷鍵ctrl c來完成操作，這對剛上網的新手來說很人性化。但是，有沒有更好的解決方案呢？

網上大致有兩種解決方案，一種是需要修改firefox配置，其實firefox也是支援複製的，但是需要到about:config裡去手動開啟，這裡不做介紹了；另外一種解決方案是本文要用到的flash。因為flash可以方便的把文字拷貝到系統剪下板中，所以我們利用flash來做跳板，只需要一行程式碼就能搞定：

System.setClipboard(clipboard);

這句程式碼的含義後面還會提到。有了這個swf的跳板，剩下的工作就簡單了，如果瀏覽器不支援window.clipboardData，就在複製的時候把內容傳給這個flash，就OK了，關鍵程式碼如下：

if (window.clipboardData){
    window
 
.clipboardData.setData("Text",str);
}else{
    var flashId = '_clipboard_';
    var flashContent = '<embed src="clipboard.swf" FlashVars="clipboard=' str.replace(/\ /g,"+") '" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    if(!document.getElementById(flashId)){
        var
 
 flash = document.createElement("div");
        flash.id = flashId;
        flash.innerHTML = flashContent;
        document.body.appendChild(flash);
    }else{
        document.getElementById(flashId).innerHTML = flashContent;
    }
}

測試地址

adobe的文件中對setClipboard有如下解釋：

NOTE Because of security concerns, it is not possible to read the contents of the system Clipboard. In other words, there is no corresponding System.getClipboard() method.

由此可見，我們只能利用flash把文字複製到系統剪貼簿中，而不能把系統剪下板中的內容拷貝出來。

--EOF--

發表於 2008-08-09 17:04:47 ，並被新增「 Flash 、 JavaScript 、 使用者體驗 、 跨瀏覽器 」標籤 。檢視本文 Markdown 版本 »

提醒：本文最後更新於 3806 天前，文中所描述的資訊可能已發生改變，請謹慎使用。