阻止事件冒泡的两种方法

何为冒泡：

即事件开始是由最具体的元素接收，然后逐层向上级传播到较为不具体的元素。

加入一个button和它的父级div同时定义了onclick事件，点击button时，在触发了button的onclick事件之后，会发生事件冒泡，然后触发div的onclick事件，然而，触发button的onclick事件的同时也触发div的onclick事件显然不是我们想要的，此时，可以阻止冒泡事件。

方法一：

event.stopPropagation();

这个方法会阻止冒泡事件，但是不会阻止默认事件

方法二：

return false;

既阻止冒泡事件也阻止默认事件

还有一个方法，虽然不能阻止冒泡，但是可以阻止默认事件

event.preventDefault()

阻止事件冒泡的两种方法相关推荐

html 点击事件阻止冒泡,js阻止事件冒泡的两种方法
本篇文章给大家分享的内容是关于js阻止事件冒泡的两种方法 ,有需要的朋友可以参考一下一.冒泡事件简介当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行. 方法一:e ...
jquery阻止事件冒泡的两种方法
事件的旅程: 当页面上发生一个事件时,每个层次上的DOM元素都有机会处理这个事件.以下面的页面模型为例: 1. <div class="foo">2. <span ...
Vue阻止事件冒泡的两种方式
1.阻止事件冒泡方式1 如下有父子标签的点击事件在子类中调用stopPropagation()方法即可禁止事件的传递 boxClick:function () {alert("父标签被点击 ...
阻止事件冒泡的三种方法
event.stopPropagation(); //1.停止事件冒泡,但是不会阻止默认行为return false; // 2.阻止事件冒泡,也阻止了默认行为event.preventDefault ...
JS阻止事件冒泡的3种方法，以及他们之间的不同
什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这 ...
Android学习之为按钮添加事件监听器的两种方法
为按钮(包括普通按钮和图片按钮等)添加单击事件监听器有两种方法,第一种是利用匿名内部类来实现,第二种是使用onClick属性来实现 1.匿名内部类使用匿名内部类,我们首先需要在布局文件中给按钮设置i ...
js阻止冒泡的两种方法
冒泡是一种很有意思的现象,在我们的 js 中也有冒泡现象,让我们一起去看看吧先来看一段代码 <!DOCTYPE html> <html><head><met ...
Android 返回键（后退键）Back键事件捕获的两种方法
在开发中退出应用,有时候需要对back键进行监听控制,下面是捕获Back键的两种方式,复写Activity的这两个方法: 方式一: @Overridepublic void onBackPressed ...
android返回键方法,Android按返回键（后退键）Back键事件捕获的两种方法
package zhangphil.back; import android.support.v7.app.ActionBarActivity; import android.util.Log; im ...

阻止事件冒泡的两种方法

阻止事件冒泡的两种方法相关推荐

最新文章

热门文章