JS 詳盡解析window event物件

2021-04-12 12:20:22 字數 1863 閱讀 9058

描述

event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。

event物件只在事件發生的過程中才有效。

event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意義。

例子

下面的例子檢查滑鼠是否在鏈結上單擊,並且,如果shift鍵被按下,就取消鏈結的跳轉。

the event object property propertyname is

used here to return which property has been

altered.

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

注釋:這是個唯讀屬性。

例子:下面的**演示了當滑鼠移到按鈕上時,彈出乙個對話方塊,顯示「mouse arrived」

:mouse over this.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

這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。 

JS 詳盡解析window event物件

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...

JS 詳盡解析window event物件

js 詳盡解析window.event物件 描述event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseo...

詳盡解析window event物件

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...