javascript Event屬性和方法)

Event屬性和方法： 

1. type：事件的類型，如onlick中的click； 

2. srcElement：事件來源，就是發生事件的元素； 

3. button：聲明被按下的滑鼠鍵，整數，1代表左鍵，2代表右鍵，4代表中鍵，如果按下多個鍵，酒把這些值加起來，所以3就代表左右鍵同步選取；（firefox中 0代表左鍵，1代表中間鍵，2代表右鍵） IE下button預設為0

4. clientX/clientY： 事件發生的時候，滑鼠相對於瀏覽器視窗可視文檔地區的左上方的位置；(在DOM標準中，這兩個屬性值都不考慮文檔的滾動情況，也就是說，無論文檔滾動到哪 裡，只要事件發生在視窗左上方，clientX和clientY都是 0，所以在IE中，要想得到事件發生的座標相對於文檔開頭的位置，要加上
document.body.scrollLeft和 document.body.scrollTop) 

5. offsetX,offsetY/layerX,layerY：事件發生的時候，滑鼠相對於源元素左上方的位置； 

6. x,y/pageX,pageY：檢索相對於父要素滑鼠水平座標的整數； 

7. altKey,ctrlKey,shiftKey等：返回一個布爾值； 

8. keyCode：返回keydown何keyup事件發生的時候按鍵的代碼，以及keypress 事件的Unicode字元；(firefox2不支援 event.keycode，可以用 event.which替代 ) 

9. fromElement,toElement：前者是指代mouseover事件中滑鼠移動過的文件項目，後者指代mouseout事件中滑鼠移動到的文件項目； 

10. cancelBubble：一個布爾屬性，把它設定為true的時候，將停止事件進一步起泡到包容層次的元素；(e.cancelBubble = true; 相當於 e.stopPropagation();) 

11. returnValue：一個布爾屬性，設定為false的時候可以組織瀏覽器執行預設的事件動作；(e.returnValue = false; 相當於 e.preventDefault();) 

12. attachEvent(),detachEvent()/addEventListener(),removeEventListener：為制定DOM對象事件類型註冊多個事件處理函數的方法，它們有兩個參數，第一個是事件類型，第二個是事件處理函數。在
attachEvent()事件執行的時候，this關鍵字指向的是window對象，而不是發生事件的那個元素； 

13. screenX、screenY：滑鼠指標相對於顯示器左上方的位置，如果你想開啟新的視窗，這兩個屬性很重要； 

一些說明：

1.  event代表事件的狀態，例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等；

2.  event對象只在事件發生的過程中才有效。 
firefox裡的event跟IE裡的不同，IE裡的是全域變數，隨時可用；firefox裡的要用參數引導才能用，是運行時的臨時變數。
 在IE/Opera中是window.event，在Firefox中是event；而事件的對象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中兩者都可用。 

3.  下面兩句效果相同
var evt = (evt) ? evt : ((window.event) ? window.event : null);
var evt = evt || window.event; // firefox下window.event為null, IE下event為null 

4.  IE中事件的起泡
IE 中事件可以沿著包容層次一點點起泡到上層，也就是說，下層的DOM節點定義的事件處理函數，到了上層的節點如果還有和下層相同事件類型的事件處理函數，那 麼上層的事件處理函數也會執行。例如， div 標籤包含了 a ，如果這兩個標籤都有onclick事件的處理函數，那麼執行的情況就是先執行標 簽 a 的onclick事件處理函數，再執行 div 的事件處理函數。如果希望的事件處理函數執行完畢之後，不希望執行上層的 div 的 onclick的事件處理函數了，那麼就把cancelBubble設定為true即可。