一、window事件

????????window事件是指事件的發(fā)生與瀏覽器窗口本身有關(guān)，而非特定的文檔內(nèi)容。當(dāng)然這里也有一些文檔元素上的事件與之重合。常見的window事件包括：

1、load:當(dāng)頁面文檔以及圖片等資源完全加載完畢后觸發(fā)

2、onerror:當(dāng)頁面JavaScript處理出錯的時候就會觸發(fā)

3、hashchange: 當(dāng)前URL的hash值發(fā)生變化的時候觸發(fā)

4、scroll : 頁面滾動的時候觸發(fā)

等等等等其他的，如果需要看更詳細(xì)的，可在chrome瀏覽器開發(fā)者模式下運行? console.log(this)，支持的所有window事件，應(yīng)有盡有

二、DOM事件

顧名思義，DOM是類似 div一系列的html內(nèi)容，發(fā)生在其身上的所有觸發(fā)都可以叫做DOM事件，例如 鼠標(biāo)相關(guān)的操作，DOM滾動 scroll，甚至拖拽等等。有必要說下HTML5新增的一系列事件：

H5新增了視頻也音頻這些元素 <video>? <audio> ，作用在其身上的例如? play? pause? waiting 等操作，均是DOM事件

三、輸入框文本事件

常見的文本輸入框? input textarea 等獲取焦點或者失去焦點，其內(nèi)容變動觸發(fā)的事件等等，均是文本框事件

四、鼠標(biāo)事件

PC端時代，用戶觸動鼠標(biāo)所產(chǎn)生的一系列反應(yīng)，均稱為鼠標(biāo)事件。大體歸類分為以下幾種：1、鼠標(biāo)滾動? ?2、滾輪? ?3、點擊鼠標(biāo)左鍵? ? ?4、點擊鼠標(biāo)右鍵? 。相關(guān)名詞包括但不限于? click? dbclick? mouseover mouseenter mousemove? ? mousedown? ? mouseup? ?mouseout? ?contextmenu

五、鍵盤事件

當(dāng)鍵盤焦點聚集在瀏覽器的時候，鍵盤按鍵按下或者彈出產(chǎn)生的時間成為鍵盤事件。主要包括三個事件? keyup? ? keydown? ? keypress? 。無論頁面上哪個元素獲取焦點的時候，均會產(chǎn)生冒泡到Document和Window對象，傳遞給鍵盤處理程序的事件對象有keyCode字段，通過它可以判斷按下或者釋放的是哪個鍵盤按鈕

六、觸摸屏事件

現(xiàn)在H5 移動頁面占據(jù)了大量的流量，移動H5頁面手勢動作，是人機交互的主要來源，手指在屏幕端主要的操作有三個：touchstart? ?touchmove? touchend? ，當(dāng)然有人要說還有touchcancel,大部分情況下，我是直接忽略這個的，為什么呢，主要要看何種情況下會產(chǎn)生這個touchcancel 。比如用戶正在滑動屏幕，突然來了一個電話，這個時候你的滑動被打斷了，才會產(chǎn)生touchcancel? ，非常少見，so，我一般就直接忽略了這點