最简单冒泡事件及阻止冒泡事件
2016-01-27 10:29
316 查看
html代码
javascript代码
上面通过.stopPropagation()方法组织冒泡事件
<script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script> <div id="div1" style="height:200px;width:200px;background-color:#f0f8fc" onclick="funcDiv1();"> <span></span> <div id="div2" style="height:100px;width:100px;background-color:#959595" onclick="funcDiv2(event);"> <span></span> <div id="div3" style="width:50px;height:50px;background-color:#5079BB" onclick="funcDiv3();"> <span></span> </div> </div> </div>
javascript代码
function funcDiv1(){ $('#div1 span:first').html('aaa'); } function funcDiv2(event){ //console.log('a'); event.stopPropagation(); $('#div2 span:first').html('bbb'); } function funcDiv3(){ $('#div3 span:first').html('ccc'); }
上面通过.stopPropagation()方法组织冒泡事件
相关文章推荐
- MVVM
- shell数学运算 与makefile, python , java
- Linux ALSA 声卡驱动之五:移动设备中的ALSA(ASoc)
- 微信公众号内redirect_uri参数错误
- Fragment布局中动态添加显示新的layout.xml文件
- 进程结束后,动态内存是否会释放
- 会jQuery,该如何用AngularJS编程思想?
- 触摸板单点描述符
- SharedPreference.Editor的apply和commit方法异同
- Latency Compensating Methods in Client/Server In-game Protocol Design and Optimization【转】
- 低版本的yum源无法使用
- 百度搜索技巧 2015-12-28 21:05 392人阅读 评论(25) 收藏 举报
- vs2012利用MFC开发基于对话框的小软件指南(连接Mysql数据库)
- UIview需要知道的一些事情:setNeedsDisplay、setNeedsLayout
- 无法访问hao123――显示网络连接错误错误代码118
- Facebook POP 动画框架 进阶指南
- STM8全局变量溢出问题解决
- C#计算时间秒数差
- Oracel JDBC URL 和 Driver 的获取
- 对象作为 handleEvent