- 事件類型
- 事件的定義
指的是文檔或者瀏覽器窗口中發生的一些特定交互瞬間。我們可 以通過偵聽器(或者處理程序)來預定事件,以便事件發生的時候執 行相應的代碼。
事件類型:事件類型是一個用來說明發生什麼類型事件的字符串。
事件目標:事件目標是發生的事件或與之相關的對象。
事件處理程序或事件監聽程序:我們用戶在頁面中進行的點擊這個動作, 鼠標移動的動作,網頁頁面加載完成的動作等,都可以稱之爲事件名稱。
事件對象:事件對象是與特定事件相關且包含有關該事件詳細信息的對象。
事件傳播:事件傳播是瀏覽器決定那個對象觸發其事件處理程序的過程。
-
事件模型(三種)
內聯模型 、 腳本模型 、 DOM2模型 -
傳統的事件模型
鼠標事件
onclick //用戶點擊對象調用的事件句柄
oncontextmenu //用戶右鍵打開上下文菜單觸發
ondblclick //用戶雙擊對象調用的事件句柄
onmousedown //鼠標被按下
onmouseenter //鼠標移動到目標上觸發
onmouseleave //鼠標離開目標觸發
onmousemove //鼠標移動
onmouseover //鼠標移動到元素上
onmouseout //鼠標離開元素
onmouseup //鼠標按鍵被鬆開
鍵盤事件
onkeydown //鍵盤按鍵被按下
onkeypress //鍵盤按鍵被按下並鬆開
onkeyup //鍵盤按鍵鬆開
-JavaScript中的常用事件
1 . onsubmit:表單中的確認按鈕被點擊時發生的事件
2 . onblur:在對象失去焦點時發生的事件
3 . onfoucs:在對象獲得焦點時發生的事件
4 . onchange:在對象的值發生改變時觸發的事件
2 . 事件流
事件流描述的是從頁面中接收事件的順序。當幾個都具有事件的元
素層疊在一起的時候,那麼你點擊其中一個元素,並不是只有當前被
點擊的元素會觸發事件,而層疊在你點擊範圍的所有元素都會觸發事
件。
事件流包括兩種模式 :
- 冒泡
子集元素先觸發,父級元素後觸發 - 捕獲
父級元素先觸發,子集元素後觸發