event屬性詳解

2021-08-25 04:27:18 字數 1834 閱讀 9255

[b]注意:window.event只對ie有效,而對ff是不相容的

[/b]

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

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

Event事件詳解

首先提到event,先要明白event的產生,也要先明白焦點,什麼是焦點。焦點 使瀏覽器能夠區分使用者輸入的物件,當乙個元素有焦點的時候,那麼他就可以接收使用者的輸入。我們可以通過一些方式給元素設定焦點。而並不是所有元素都能夠接收焦點的,能夠響應使用者操作的元素才有焦點。例如 text 說到inpu...

javascript中event物件詳解

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

js中的event詳解

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