Explorer & Navigator 事件對照表

Client 端 HTML 文件索引   回何處塵埃分類導覽
何謂事件物件
電腦程式基本運作模式，就是訊息產生、訊息接收、及訊息處理。一套應用程式掛在 記憶體中，如何得知何時起來工作呢？就是先由作業系統收到一個訊息，再將此訊息 傳給在記憶體中的應用程式，由應用程式來決定如何回應服務此訊息。此種由 OS Some thing happen 的通知，在 Windows OS 裏就叫事件驅動，而整個訊息，就叫 一個事件(Event)。當然在電腦中發生的事件決不可能只有一種(如鍵盤、滑鼠...)， 也不可能只有一項訊息(如伴隨鍵盤事件的字元碼...)，把所有可能產生的事件及相關 訊息做包裹處理，由 OS 一次傳遞給應用程式，就叫事件物件傳遞。也就是說 OS 處理 一項訊息叫一個事件，但一個事件不只一項資料，而是需要就整個事件物件包裹做處理 。
瀏覽器的事件物件內容
電腦應用程式的事件的產生可分三類：
  1. 程式內部自行產生的事件(如資料處理完畢通知)
  2. 週邊狀況事件(如網路聯線後，數據機收到資料的通知。)
  3. 使用者操作事件(如按命令鈕，輸入文字。)
1,2 兩項是應用程式設計人員必須處理的問題，但 Script 設計人員因為只需要處理 和瀏覽者網頁的互動即可，所以內部事件和周邊事件都由瀏覽器生產商自行解決，而 只需要提供使用者事件物件供網頁設計人員即可(降低網頁設計複雜度及維持瀏覽器 功能穩定)。因此不管 Explorer or Navigator ，在 Script 敘述可操作之事件物件 中，大概就只包括使用者事件而已。但或許設計理念不同，兩大公司的事件物件呼叫 方式和內容，還是有些差異的(又是壞消息，代表在事件物件處理上，又欠缺通用的 原則了。)至於詳細差別請看下述比較表。
事件物件參照方式
事件既然在瀏覽器中是以物件方式存在，那麼自然有所謂參照存取問題，關於物件 參照的意義，請見 物件參照在 DHTML 的用途 。但事件物件的參照方式和其他瀏覽器集合物件有很大的不同，更糟的是 Explorer 和 Navigator 參照方式完全不同，彼此無法共用 Script 敘述。
Navigator 的事件物件參照方式：
Navigator 是利用 為 function 增加一 Argument 的方式來存取事件 物件之各資訊，如：
//當使用者在網頁上按滑鼠鍵則執行 MouseClickHandle 區段敘述
document.onclick=MouseClickHandle;

//加 Eobj 參數是藉此參照使用者操作產生的事件物件
function MouseClickHandle(Eobj)
{
    var str="";
    str+="滑屬按鍵位置\n";
    str+="X 座標 = "+Eobj.pageX+"\n";
    str+="Y 座標 = "+Eobj.pageY;
    alert(str);
}
Explorer 的事件物件參照方式：
Explorer 是把瀏覽器事件物件歸在 window 物件之下，呼叫參照的方式 是 window.event.屬性名稱，如上面的 Script ，Explorer 必須改成下 面這一段：
document.onclick=MouseClickHandle;

//Explorer 無法用函數參數參照事件物件，所以取消函數參數
function MouseClickHandle()
{
    var str="";
    str+="滑屬按鍵位置\n";
    str+="X 座標 = "+window.event.x+"\n";
    str+="Y 座標 = "+window.event.y;
    alert(str);
}
事件物件屬性對照表
屬性名稱 Explorer 支援 Navigator 支援 附註
type O O 傳回事件名稱
layerX X O 滑鼠游標在 layer 上的水平位置
layerY X O  滑鼠游標在 layer 上的垂直位置
pageX X O  滑鼠游標在網頁上的水平位置
pageX X O  滑鼠游標在網頁上的垂直位置
offsetX O X  類似於 Navigator 的 pageX ，但指涉範圍更廣，是指滑鼠游標所在網頁元件 上的水平位置
offsetY O X  類似於 Navigator 的 pageY ，指滑鼠游標所在網頁元件上的垂直位置
screenX O O  滑鼠游標在視窗螢幕上的水平位置
screenY O O  滑鼠游標在視窗螢幕上的垂直位置
which or keyCode O O  鍵盤按鍵的 ASCII 值，Navigator 稱 which ，Explorer 稱 keyCode
modifiers X O  鍵盤上的組合按鍵代碼，Navigator 用 MASK 方式來判斷 [Ctrl]、[Alt]、 [Shift] 是否被按下，Explorer 則分別用 ctrlKey,altKey,shiftKey 三個 Boolean 值來判斷。
altKey O X  鍵盤上的組合按鍵代碼，判斷 [Atl] 鍵是否被按下。
ctrlKey O X  鍵盤上的組合按鍵代碼，判斷 [Ctrl] 鍵是否被按下。
shiftKey O X  鍵盤上的組合按鍵代碼，判斷 [Shift] 鍵是否被按下。
data X O  含有 URL 的字串陣列
button O X  偵測滑鼠那個鍵被按下，左--1,右--2,中--4。
cancelBubble O X  是否終止事件向上層物件沸升的程序
clientX O X  傳回被滑鼠按到的元件的水平座標
clientY O X  傳回被滑鼠按到的元件的垂直座標
fromElement O X  滑鼠正移出的那個元件的參照
toElement O X  滑鼠正移入的那個元件的參照
reason O X  資料是否成功傳至元件？或失敗的原因。
fromElement O X  滑鼠正移出的那個元件的參照
returnValue O X  指定事件的傳回值
srcElement O X  目前正作用中的網頁元件
srcFilter O X  傳回目前鄭作用中的濾鏡參照
x O X  滑鼠指標在瀏覽器中那個網頁瀏覽框的水平座標
y O X  滑鼠指標在瀏覽器中那個網頁瀏覽框的垂直座標

Client 端 HTML 文件索引  回何處塵埃分類導覽

1