回前頁

關閉瀏覽器系統選單

什麼叫瀏覽器系統選單？
就是當你在瀏覽器的瀏覽網頁上按滑鼠右鍵時，會彈出個功能選單(英文叫 popup menu)，提供一組功能選項以供你進一步操作執行瀏覽器的各功能。雖然這是 瀏覽器預設的滑鼠右鍵動作，但可不是受每個網頁設計者所支持的功能，最常見的 反對理由是：我要怎樣怎樣取消滑鼠右鍵動作，來防止瀏覽者把我網頁上的圖片存到 他自己的電腦裏去。當然這種這種想法和做法真是有些小家子氣，但如果我們的目的 是想使用自己設計的 PopupMenu，而不希望瀏覽器的系統選單出來攪局，那麼這可會 大大影響瀏覽器做為 Internet 上 Client 端輸入界面的功能性。所以就讓我們以 提升自製 PopupMenu 功能的立場，來研究怎麼把瀏覽器系統選單關掉吧。
NN的選擇觸發事件
當我們用滑鼠在瀏覽器上按鍵時，會按次序先後在瀏覽器物件上引發：
  1. MouseDown
  2. MouseUp
  3. Click
  4. DoubleClick
四個事件，一般我們都只使用滑鼠的 Click 事件而已，但在取消瀏覽器系統選單上 你會發覺在 Click 中根本攔不到瀏覽器系統選單。道理其實很簡單，那就是瀏覽器 系統選單是在 MouseDown 事件發生後接著就被引發了，所以要在瀏覽器系統選單 沒彈出之前加以取消，就必須趕在 MouseDown 事件中做處理。
NN 如何取得滑鼠的按鍵資訊
雖然 Netscape Navigator 的許多標籤可以順利收到 mousedown event， 同時配合 "return false;" Script 敘述使用，就能取消瀏覽器 popup menu 的動作， 問題是滑鼠按鍵有分左右，如果我們只要收到 mousedown 就 return false; 那不管使用者左鍵或右鍵，都會被取消動作，那就不是取消 popup menu ，而是根本 廢了滑鼠的武功了。所以在 mousedown event 時，我們必須知道使用者按的是左鍵還是 右鍵，而 NN 的辦法就是使用 window 物件的 captureEvents() 方法。所謂 captureEvents 就是當網頁上的標籤物件發生某事件時，把當時的滑鼠及鍵盤的 相關動作資訊保留下來，不再直接交給原事件產生物件處理，而是轉由 window 物件指定的函式來處理 ，例如： 
/* 由 window 物件來攔截所有網頁的 onmousedown 事件，請注意大小寫。 */
window.capetureEvents(Event.MOUSEDOWN);

/* 指定當 window 發生 onmousedown 事件時要執行的函式，請注意函數名稱後
   一定不要打 "()" 字符。 */
window.onmousedown=MouseDownHandle;

/* 當 onmousedown 事件發生時要執行的函式，參數 mouse 負責接收瀏覽者操作資訊。 */
function MouseDownHandle(mouse)
{
    /* which 屬性記錄了滑鼠按鍵資訊 */
    alert(mouse.which);
    /* which==3 表示瀏覽者按了滑鼠右鍵 */
    if (mouse.which==3)
    /* 函式傳回偽值表取消瀏覽器接著要觸發的預設動作 */
    {return false;}
}
經過如此一番設定後，如果你現在正用 NS 瀏覽本網頁的話，請按 這裏。
IE 如何取得使用者的按鍵資訊
這個問題在 Internet Explorer 中答案比較簡單，因為 IE 把所有使用者操作資訊 都集中放在 window.event 這個物件裏，只要有任何 event 產生，設計師就可以利用 event 物件的各種資訊查知使用者的動作，並作出相應的處理。譬如我們可借由 event.button 來判斷使用者是按下那個滑鼠鍵，如果你現在正用 IE 瀏覽 本網頁的話，請按 這裏。
IE 的 oncontextmenu 事件
如果你認為得知了 Internet Explorer event.button 資訊後，就可以像 Netscape Navigator 一樣，也偵測 mousedown event 後用 "return false;" 語法就可以取消瀏覽器的 popup menu ，那你就錯大了。因為實際上 IE 的 popup menu 動作，不受任何滑鼠動作傳回值的影響，就算你在 onmousedown 函式中傳回 false ，popup menu 還是會跑出來。惟一的解決辦法就是使用 IE 的特例處理， 使用 document 的 oncontextmenu 事件 (oncontextmenu 就是瀏覽器發生彈出系統選單 事件，這個 event 其他標籤都不支援，只有 document 用的上。)所以你可以用下列的 語法在 IE 中取消 browser popup menu： 
/* 當瀏覽器發生選單彈出事件時則執行 [取消 popup menu 的自訂函式] */
document.oncontextmenu=stopPopupMenu;
/* 取消 popup menu 的自訂函式 */
function stopPopupMenu() {return false;}
因為只有使用者按右鍵才會有 oncontextmenu 事件，所以連判斷 window.button 都免了。
IE NN 通用的 Script 撰寫
由於兩邊處理的方式不一，所以必須要在 Script 敘述中做些瀏覽器判斷才能雙容 。就 IE 的 "document.oncontextmenu=取消彈出選單函式名稱;" 來說，由於 NN 因不認識所以不會加以理會，因此這敘述可以照寫，供 IE 方面執行。至於 NN 的 window.capetureEvents(Event.MOUSEDOWN); 方法，由於 IE 不認得 Event (IE 是 event) ，所以會引起程式錯誤，所以需改寫如下： 
/* 只有 NN 4.0 以上有提供 layer 物件，因此只有 NN 會執行 if 後的敘述。 */
if (document.layers)
{window.capetureEvents(Event.MOUSEDOWN);
 window.onmousedown=MouseDownHandle;}
現在不管你用 IE or NN ，你都可以按 這裏 試試。
回前頁
1