JavaScript的事件模型

101 阅读1分钟

事件冒泡、事件捕获

事件有三个阶段:捕获阶段、目标阶段、冒泡阶段

冒泡型事件:当使用事件冒泡时、子级元素先触发,父级 元素后触发

从内部到外部dom节点 一层一层的

捕获型事件:事件捕获,父级元素先触发,子级元素后触发

从外到里 先外部触发 再触发内部的

DOM事件流:同时支持两种事件模型:捕获、冒泡

可以选择是在捕获阶段或者冒泡阶段来绑定时间处理函数 通过addEventListener(event,func,boolean)实现 如果boolean是true则是在捕获阶段绑定函数,false在冒泡阶段绑定函数

event.stopPropagation()

调用此方法可以阻止事件冒泡