Javascript事件冒泡和事件捕获
Javascript事件
在浏览器上,某个行为的发生,都是以事件驱动的,即某个事件发生,然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号,详情参考w3school的Javascript Event。
事件冒泡(event bubbling)
大家可以脑补一下冒泡的场景,即气泡从水底开始往上升,由深到浅,升到最上面,最后到达水面破裂。那么相对应的:这个气泡就相当于Javascript事件,而水则相当于我们的整个dom树;事件从dom树的底层通过一层一层往上传递,直至传递到dom的根节点。
案例分析
- 我们通过一个简单的例案例来阐述冒泡原理:
定义一个html,里面有三个简单的dom元素:parent,child,span,child包含span,parent包含child;当然它们都在body下: