JS中event物件的21個常見屬性

2021-07-11 18:56:18 字數 2110 閱讀 9323

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

描述:

返回觸發 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 中的event物件

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

JS中的event物件

關於js中的event物件 1.任何事件觸發後將會產生乙個event物件 2.event物件記錄事件發生時的滑鼠位置,鍵盤按鍵狀態和觸發物件等資訊 獲得event物件 使用event物件獲得相關資訊,如單擊位置,觸發物件等 常用屬性 clientx clinty cancelbubble等 如何獲取...

js中(event)事件物件

什麼是事件物件?就是當你觸發了乙個事件以後,對該事件的一些描述資訊 例如 你觸發乙個點選事件的時候,你點在哪個位置了,座標是多少 你觸發乙個鍵盤事件的時候,你按的是哪個按鈕 每乙個事件都會有乙個對應的物件來描述這些資訊,我們就把這個物件叫做 事件物件 瀏覽器給了我們乙個 黑盒子,叫做 window....