JS之JavaScript 中的事件(上)

  1. 事件類型
  • 事件的定義
    指的是文檔或者瀏覽器窗口中發生的一些特定交互瞬間。我們可 以通過偵聽器(或者處理程序)來預定事件,以便事件發生的時候執 行相應的代碼。

事件類型:事件類型是一個用來說明發生什麼類型事件的字符串。

事件目標:事件目標是發生的事件或與之相關的對象。

事件處理程序或事件監聽程序:我們用戶在頁面中進行的點擊這個動作, 鼠標移動的動作,網頁頁面加載完成的動作等,都可以稱之爲事件名稱。

事件對象:事件對象是與特定事件相關且包含有關該事件詳細信息的對象。

事件傳播:事件傳播是瀏覽器決定那個對象觸發其事件處理程序的過程。

  • 事件模型(三種)
    內聯模型 、 腳本模型 、 DOM2模型

  • 傳統的事件模型
    鼠標事件

				onclick						//用戶點擊對象調用的事件句柄
				oncontextmenu				//用戶右鍵打開上下文菜單觸發
				ondblclick					//用戶雙擊對象調用的事件句柄
				onmousedown					//鼠標被按下
				onmouseenter				//鼠標移動到目標上觸發
				onmouseleave				//鼠標離開目標觸發
				onmousemove					//鼠標移動
				onmouseover					//鼠標移動到元素上
				onmouseout					//鼠標離開元素
				onmouseup					//鼠標按鍵被鬆開

鍵盤事件

				onkeydown			//鍵盤按鍵被按下	
				onkeypress			//鍵盤按鍵被按下並鬆開
				onkeyup				//鍵盤按鍵鬆開

-JavaScript中的常用事件

1 . onsubmit:表單中的確認按鈕被點擊時發生的事件

2 . onblur:在對象失去焦點時發生的事件

3 . onfoucs:在對象獲得焦點時發生的事件

4 . onchange:在對象的值發生改變時觸發的事件

2 . 事件流

  事件流描述的是從頁面中接收事件的順序。當幾個都具有事件的元

素層疊在一起的時候,那麼你點擊其中一個元素,並不是只有當前被
點擊的元素會觸發事件,而層疊在你點擊範圍的所有元素都會觸發事
件。
事件流包括兩種模式 :

  • 冒泡
    子集元素先觸發,父級元素後觸發
  • 捕獲
    父級元素先觸發,子集元素後觸發
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章