javascript中event物件詳解

2021-08-27 19:15:15 字數 2121 閱讀 5414

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

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

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

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

the event object property propertyname is 

used here to return which property has been 

altered.  

12.returnvalue 

描述: 

設定或檢查從事件中返回的值 

語法: 

event.returnvalue[ = boolean] 

可能的值: 

true 事件中的值被返回 

false 源物件上事件的預設操作被取消 

例子見本文的開頭。 

前端ui資源i分享

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.

前端ui資源i分享

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...