扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
JavaScript中怎么捕捉事件和阻止冒泡事件，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
创新互联建站主要从事网站建设、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务九原,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
一、要探究捕获和冒泡事件，首先要知道什么是事件的捕获和冒泡，所以呢，先从概念入手；
事件的冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。
其实事件冒泡是一个从后代节点向祖先节点冒泡的过程，而捕获是从祖先节点到后节点的过程。
我为了方便理解，则用先捕获，后冒泡，捕获从上到下，冒泡从下到上来记忆。我记得从哪儿看到的，有人把捕获比喻为石头沉入海底，而把冒泡比喻为气泡冒出水面。当然了，捕获的深度取决于你的DOM布局，海底就有点深了哈，^_^
注意：IE6、IE7、IE8只支持冒泡流，不支持捕获流。
二、为什么要阻止冒泡事件
也许会有人问：为什么要阻止冒泡事件呢？阻止冒泡事件有什么用处呢？
下面我们就来说下为什么要阻止冒泡事件：
先举个例子吧，如下代码：