js事件阻止事件冒泡，js阻止事件冒泡的两种方法

事件冒泡是什么如何用jquery阻止事件冒泡

通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码：复制代码代码如下：(form).bind(submit，function() { return false；} )；通过使用 stopPropagation() 方法只阻止一个事件起泡。

事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。

阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转）还有一种有冒泡有关的：event.preventDefault()；它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为（它不执行超链接跳转）。

事件冒泡：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。即子级元素先触发，父级元素后触发。

相关问答

Q1: JS/JQ中e.stopPropagation()

1、事件停止冒泡。比如说，有结构 当鼠标点击img的时候，img会触发click事件，默认div也会触发click事件。但如果在img的click处理函数中执行了stopPropagation()，那么div就不会接收到click触发。

2、标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

3、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

4、return false 等效于同时调用e.preventDefault()和e.stopPropagation() 。

Q2: javascript如何阻止事件冒泡和默认行为

1、事件冒泡过程（以标签ID表示）：hr_three---divTwo---divOne。从最里层冒泡到最外层。

2、事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。

3、event.stopPropagation()立即停止事件在 DOM 层次中的传播，即阻止事件冒泡。但是，并不阻止默认行为。return false 之后的所有相关的触发事件和动作都不会被执行。阻止事件继续传播，事件冒泡和默认行为都被阻止。

4、if($(this).hasClass(‘cur)){ e.preventDefault()；} })} return false 等效于同时调用e.preventDefault()和e.stopPropagation() 。

5、很多朋友私聊问我怎么阻止事件冒泡，不懂事件冒泡和事件捕捉的童鞋看过来了，我今天就来给大家讲解一下。

js事件阻止事件冒泡的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js阻止事件冒泡的两种方法、js事件阻止事件冒泡的信息别忘了在本站进行查找喔。