js滑鼠點擊事件在各個瀏覽器中的寫法及Event物件屬性介紹_基礎知識

IE
左鍵是window.event.button = 1
右鍵是window.event.button = 2
中鍵是window.event.button = 4
沒有按鍵動作window.event.button = 0

Firefox
左鍵是event.button = 0
右鍵是event.button = 2
中鍵是event. button = 1
沒有按鍵動作event.button = 0

Opera 7.23/7.54
滑鼠左鍵是window.event.button = 1
沒有按鍵動作動作window.event.button = 1
右鍵與中鍵無法取得

Opera 7.60/8.0
滑鼠左鍵是window.event.button = 0
沒有
滑鼠左鍵是window.event.button = 0
沒有按鍵動作window.event.button = 0
右鍵和中鍵無法取得

另外：屏蔽右鍵的是window.event.button = 3

******* ************************************************** ***

Window.event物件代表事件的狀態，例如觸發event物件的元素、滑鼠的位置及狀態、按下的按鍵等等。
Window.event物件只在事件發生的過程中才有效。
Window.event的某些屬性只對特定的事件有意義。例如，fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
如果事件觸發後，滑鼠移出視窗外，則傳回的值為 -1 ，這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。
Event物件的屬性有
：
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offset, property, , srcElement, srcFilter, toElement, type, x, y
下面簡單的描述一下它的這些屬性：
1.altKey

描述： 檢查alt鍵的狀態。
語法： event.altKey
可能的值： 當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button

說明： 檢查按下的滑鼠鍵。
語法： event.button
可能的值：
0 沒按鍵；1 按左鍵；2 按右鍵；3 按左右鍵；4 按中間鍵；5 按左鍵與中間鍵；6按右鍵和中間鍵；7 按所有的鍵
這個屬性只用於onmousedown, onmouseup, 和onmousemove 事件。對其他事件，不管滑鼠狀態如何，都回傳 0（例如onclick）。
3.cancelBubble

描述： 偵測是否接受上層元素的事件的控制。
語法： event.cancelBubble[ = cancelBubble]
可能的值： 這是一個可讀寫的布林值
TRUE 不被上層原素的事件控制。
FALSE 允許被上層元素的事件控制。這是預設值。
4.clientX

說明： 傳回滑鼠在視窗客戶區域中的X座標。
語法： event.clientX
註解： 這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。
5.clientY

說明： 傳回滑鼠在視窗客戶區域中的Y座標。
語法： event.clientY
註解： 這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。
6.ctrlKey

描述： 檢查ctrl鍵的狀態。
語法： event.ctrlKey
可能的值： 當ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement

描述： 偵測 onmouseover 和 onmouseout 事件發生時，滑鼠離開的元素。 參考18.toElement
語法： event.fromElement
註解： 這是個唯讀屬性。
8.keyCode

描述：偵測鍵盤事件相對應的內碼。 這個屬性用於 onkeydown, onkeyup, 和 onkeypress 事件。
語法： event.keyCode[ = keyCode]
可能的值： 這是一個可讀寫的值，可以是任何一個Unicode鍵盤內碼。如果沒有引發鍵盤事件，則該值為 0 。
9.offsetX

描述： 檢查相對於觸發事件的對象，滑鼠位置的水平座標
語法： event.offsetX
語法： event.offsetX


10.offsetY 描述： 檢查相對於觸發事件的對象，滑鼠位置的垂直座標
語法： event.offsetY


11.propertyName 描述： 設定或傳回元素的變化了的屬性的名稱。 語法： event.propertyName [ = sProperty ] 可能的值： sProperty 是一個字串，指定或傳回觸發事件的元素在事件中變化了的屬性的名稱。 註解：這個屬性是可讀寫的。無預設值。你可以透過使用 onpropertychange 事件，得到 propertyName 的值。

12.returnValue
描述： 設定或檢查從事件中傳回的值
語法： event.returnValue[ = Boolean]
可能的值： true 事件中的值被回傳
false 來源物件上事件的預設操作被取消

13.screenX
描述： 偵測滑鼠相對於使用者螢幕的水平位置
語法： event.screenX
註解： 這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。

14.screenY
說明： 偵測滑鼠相對於使用者畫面的垂直位置
文法： event.screenY
註解： 這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。

15.shiftKey
說明： 檢查shift鍵的狀態。
語法： event.shiftKey
可能的值： 當shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。

16.srcElement
描述： 傳回觸發事件的元素。只讀。例子見本文開頭。
語法： event.srcElement

17.srcFilter
描述： 返回觸發 onfilterchange 事件的濾鏡。只讀。
語法： event.srcFilter

18.toElement
描述： 偵測 onmouseover 和 onmouseout 事件發生時，滑鼠進入的元素。 參考7.fromElement
語法： event.toElement
註解： 這是個唯讀屬性。

19.type
描述： 傳回事件名。
語法： event.type
註解： 傳回沒有「on」作為前綴的事件名，例如，onclick事件回傳的type是click 只讀。

20. x
描述： 傳回滑鼠相對於css屬性中有position屬性的上級元素的x軸座標。如果沒有css屬性中有position屬性的上級元素，預設以BODY元素作為參考物件。
語法： event.x
註解： 如果事件觸發後，滑鼠移出視窗外，則傳回的值為 -1
這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。

21. y
描述： 傳回滑鼠相對於css屬性中有position屬性的上級元素的y軸座標。如果沒有css屬性中有position屬性的上級元素，預設以BODY元素作為參考物件。
語法： event.y