javascript中event物件詳解

2021-05-23 11:17:06 字數 2077 閱讀 8347

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

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

MySQL 簡述MySQL中的事件Event

事件 一組sql集,用來執行定時任務,跟觸發器很像,都是被動執行的。事件是因為時間到了觸發執行,而觸發器是因為某件事件 增刪改 觸發執行。1.查詢mysql的事件功能狀態 想要使用mysql的事件功能,前提是確保服務開啟。查詢指令如下 select event scheduler 或show var...

vue的keep alive中使用EventBus

最近專案中由於列表居多且都做了下拉重新整理上拉載入,所以就使用了keep alive元件來快取頁面資料,但是當在其他頁面做一些操作改變了列表資料,當來到列表的時候每次都要下拉重新整理一下,體驗不好,所以就使用到了eventbus,在需要更新的時候就用eventbus來重新整理列表。eventbus用...

mysql 監測事件 MySQL事件 Events

mysql事件 events 一 關鍵字 event 二 語法 create event?if not exists 如果不存在則建立 event name?on schedule schedle on completion not preserve enable desable comment c...