DOM事件類：
- DOM事件的級別
- DOM事件的模型
- DOM事件流
- DOM事件捕獲的具體流程
- Event物件的常見應用
- 自定義事件
1、DOM事件的級別
主要有三個級別0,，2，3，沒有1，主要是當時沒有涉及到與事件相關的操作，
DOM0級，el.onclick = function(){}；DOM2級和DOM3級差不多，都是使用的是el.addEventListener()來監聽，DOM2是el.addEventListener(onclick,function(){},false)，DOM3是el.addEventListener('keyup',function(){},false)，這里的第三個引數是事件模型的捕獲和冒泡判定，true為捕獲，false為冒泡，而這連個主要區別在于第一個引數上，DOM2第一個引數主要是onclick、onmouserover、onmousemove、onmouseout等；DOM3主要就是滑鼠事件、鍵盤事件等，
2、事件模型和事件流
事件模型就是事件捕獲和事件冒泡兩個了，捕獲就是從上往下觸發，冒泡是事件從下往上觸發，而事件流就是對模型的具體化，也就一個操作的具體程序，就如點擊滑鼠觸發，它是如何傳到頁面的，這一個完整的程序就可以說是事件流，完整的事件事件流主要有三個階段，第一個階段是捕獲階段，當到達目標后就是第二個階段即目標階段，第三個階段就是目標階段（目標元素）回傳到瀏覽器執行（windon）也就是冒泡階段，
3、DOM事件捕獲的具體流程
DOM事件捕獲的具體流程是從瀏覽器往下觸發到最后的目標元素，瀏覽器即window物件，
執行順序：window——>document——>document.documentElement（html）——>body——>元素結構（從上到下）——>最后目標元素，
4、Event物件的常見應用
5、自定義事件
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/231404.html
標籤：JavaScript
下一篇：npm的下載與安裝