本文转自：http://blog.csdn.net/luanlouis/article/details/23927347 1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示 ...
本文转自：http://blog.csdn.net/luanlouis/article/details/23927347
1. 事件
在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。
浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。
2. 冒泡机制
什么是冒泡呢？ 下面这个图片大家应该心领神会吧，气泡从水底开始往上升，由深到浅，升到最上面。在上升的过程中，气泡会经过不同深度层次的水。
相对应地：这个气泡就相当于我们这里的事件，而水则相当于我们的整个dom树；事件从dom 树的底层 层层往上传递，直至传递到dom的根节点。
简单案例分析
下面通过一个简单的例案例来阐述冒泡原理：
定义一个html, 里面有三个简单的dom 元素：div1,div2, span，div2包含span，div1 包含div2；而它们都在body 下：
1 <span style="font-family:Microsoft YaHei;font-size:10px;"><body id="body"> 2 <div id="box1" class="box1"> 3 <div id="box2" class="box2"> 4 <span id="span">This is a span.</span> 5 </div> 6 </div> 7 </body></span>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：解析Javascript事件冒泡机制(转)
关键词：JavaScript
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
