javascript中window.event事件用法詳解_基礎知識-js教程-PHP中文網

前兩天寫程式時因為要用到javascript裡的window.event事件，於是就在網路上搜了一下，終於找到一篇不錯的文章，來跟大家分享下：
描述
event代表事件的狀態，例如觸發event物件的元素、滑鼠的位置及狀態、按下的按鍵等等。
event物件只在事件發生的過程中才有效。
event的某些屬性只對特定的事件有意義。例如，fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
範例下面的範例檢查滑鼠是否在連結上單擊，並且，如果shift鍵被按下，就取消連結的跳躍。

複製程式碼程式碼如下:

Cancels Links

下面的範例在狀態列上顯示滑鼠的目前位置。
程式碼如下:

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

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

11.propertyName
描述：
設定或傳回元素的變化了的屬性的名稱。
語法：
event.propertyName [ = sProperty ]
可能的值：
sProperty 是一個字串，指定或傳回觸發事件的元素在事件中變化了的屬性的名稱。
這個屬性是可讀寫的。無預設值。
註解：
你可以透過使用 onpropertychange 事件，得到 propertyName 的值。
範例：
下面的範例透過使用 onpropertychange 事件，彈出一個對話框，顯示 propertyName 的值。
複製程式碼代碼如下:

{
btnProp.value = “This is the new VALUE”;
}
function changeCSSProp()
{
btntyleProp.b. ;
}

The event object property propertyName is
used here to return which property has been
altered.

VALUE=”Click to change the VALUE property of this button”
onpropertychange='alert(event .propertyName ” property has changed value”)'>
onclick=”changeCSSProp()”
VALUE=”Click to change the CSS backgroundor property” 🎜>onpropertychange='alert(event.propertyName ” property has changed value”)'>

12.returnValue
[/code]
描述：
設定或檢查從事件中傳回的值
語法：
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
註解：
這是個唯讀屬性。
範例：下面的程式碼示範了當滑鼠移到按鈕上時，彈出一個對話框，顯示「mouse arrived」

複製程式碼

程式碼如下:

<script> <BR>function testMouse(oObject) { <br>if(oObject.contains(event.toElement)) { <br>alert(“mouse>alert(”mouse arrived”); <STRONG>} } <BR></script>
:
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 註解：如果事件觸發後，滑鼠移出視窗外，則傳回的值為 -1 這是個唯讀屬性。這意味著，你只能透過它來得到滑鼠的目前位置，卻不能用它來改變滑鼠的位置。