事件模型
事件捕捉阶段:事件开始由顶层对象触发,然后逐级向下传播,直到目标的元素; 处于目标阶段:处在绑定事件的元素上; 事件冒泡阶段:事件由具体的元素先接收,然后逐级向上传播,直到不具体的元素;
阻止 冒泡/捕获
event.stopPropagation()
和IE的event.cancelBubble=true
DOM事件绑定 1.绑定事件监听函数:addEventListener和attchEvent 2.在JavaScript代码中绑定:获取DOM元素
dom.onlick = fn
3.在DOM元素中直接绑定:<div onclick = 'fn()'>
DOM事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。首先发生的事件捕获,为截获事件提供机会。然后是实际的目标接受事件。最后一个阶段是时间冒泡阶段,可以在这个阶段对事件做出响应。