html消除冒泡,jquery阻止元素冒泡的两种方法

通常情况下，如果给父元素添加事件之后，子元素也会继承同样的事件，这个时候就要阻止子元素的这种行为，成为阻止冒泡，总结两种解决方法：

html代码：

子元素div

事件：

// 阻止元素冒泡的两种方法

//方法一：

$('#child').click(function() {

return false;

});

//方法二：

$('#child').click(function(e) {

e.stopPropagation();

});

这样子元素就不会执行父元素的事件啦！

此外，如果父元素为a标签，并且有跳转链接，若要阻止点击子元素跳转的动作，同样在绑定子元素的事件里面增加 return false; 这样就可以阻止子元素跳转了！

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

1.什么是JS事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这 ...

jquery取消事件冒泡的三种方法展示

jquery取消事件冒泡的三种方法展示 html代码

JQuery中阻止事件冒泡的两种方式及其区别

JQuery 提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ ...

jquery阻止事件冒泡的3种方式

第一种:return false, 缺点:直接返回了函数,函数后面的语句没法执行了: $('.btn').on('click',function(event){ do something ... re ...

jquery取消事件冒泡的三种方法(推荐)

1.通过返回false来取消默认的行为并阻止事件起泡. jQuery 代码: ? 1 2 3 4 5 6 7 8 9 10 11 $("form").bind(   "s ...

JS阻止事件冒泡的3种方法之间的不同

什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这 ...

Html 中阻止事件冒泡的三种方法比较

A:return false --->In event handler ,prevents default behavior and event bubbing .         return ...

随机推荐

AspNetPager分页控件的使用

下面所记得东西仅仅是使用方法,详细知识点请看链接:http://www.webdiyer.com/Controls/AspNetPager/Downloads 首先:从网站上下载并安装控件 下载地址: ...

SQL Server 2012 联机丛书离线安装

昨日根据微软官网的方式安装SQL Server 2012 联机丛书报错,无法安装: 联机丛书下载位置及安装方式: 按照给出的方式安装,无法完成,错误如下:

团队管理_效率开会[持续更新ing]

1.明确开会目的,这个会议是用来解决什么问题,得出什么结果. 2.明确会议内容与流程,简要说明会议分几个部分,一步一步推进会议的进行. 3.保证参会人员守时参加,会议准时开始. 4.保证会议时间尽量为 ...

(原)python中使用plt.show()时显示图像

转载请注明出处: http://www.cnblogs.com/darkknightzh/p/6039667.html 参考网址: http://matplotlib.org/users/shell. ...

oschina Web应用开发

Web应用开发 SPDY开发包(13) HTML5开发相关(105) Pjax相关项目(4) 网站API(93) REST/RESTful项目(72) 响应式 Web 框架(27) 微信相关软件(63 ...

C#常用的数据格式转换

用DataFormatString格式化GridView 在 GridView里面显示数据,要显示的数据有好多位小数,就想让它只显示两位小数,在delphi里,直接用DisplayFormat就行了, ...

C语言学习第三章

写在课前,提醒自己写代码的时候一定要注意不能漏写符号!提醒自己写代码的时候一定要注意不能漏写符号!提醒自己写代码的时候一定要注意不能漏写符号! 今天主要学习掌握if...else条件结构,多重if条件 ...

[Swift]LeetCode225. 用队列实现栈 | Implement Stack using Queues

Implement the following operations of a stack using queues. push(x) -- Push element x onto stack. po ...

storm1.1.0 drpc 部署和调用测试

一.配置集群storm.yaml文件,配置drpc.server 二.部署到linux上,开启nimbus,drpc,supervisor 等服务 /opt/module/storm-1.1.0/bi ...

MySQL主从复制的原理及配置方法(比较详细)

MySQL 的数据库的高可用性的架构大概有以下几种:集群,读写分离,主备.而后面两种都是通过复制来实现的.下面将简单介绍复制的原理及配置,以及一些常见的问题 一.复制的原理 MySQL 复制基于主服务 ...