DOM事件类

DOM的知识点又多又碎,看起来费劲吧啦的。难得有空,抽时间整理了一些出来,与大家共勉。

DOM事件级别都有什么?

DOM0:“on”事件,例:element.onclick = function(){}。
DOM1:没有与事件相关的定义。
DOM2:事件监听,例:element.addElementListener('click',function(){},false)//默认false是冒泡
DOM3:键盘鼠标事件等,例:element.addEventListener('key up',function(){},false)

什么是事件流?

事件流描述的是从页面接收事件的顺序,一个完整的JS事件流是从winddow开始,最后回到window的一个过程。
事件流分为三个阶段:
1、捕获过程
2、目标过程
3、冒泡过程

什么是事件模型?

1、捕获 从上到下
2、冒泡 从下到上

描述一下DOM事件捕获和冒泡的具体流程

捕获:由winow开始,一层一层往下,直到目标元素。
window -- document -- html -- body ----- 目标元素
冒泡:由目标元素开始,一层一层往上,直到window。
目标元素 -------- body -- html -- document -- window

你可能感兴趣的:(DOM事件类)