阻止子元素继承父元素事件具体思路及实现


Posted in Javascript onMay 02, 2013
<div id="p_box" onclick="a()"> 
<div id=p_cont> 
</div> 
</div>

#p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码。
变成
<div id="p_box" onclick="a()"> 
<div id="p_cont" onclick="stopBubble(this.id)"> 
</div> 
</div> 
function a(){ 
//这里是a事件的代码 
} 
function stopBubble(e) { 
if (e && e.stopPropagation) {//非IE浏览器 
e.stopPropagation(); 
} 
else {//IE浏览器 
window.event.cancelBubble = true; 
} 
}
Javascript 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
JavaScript函数模式详解
Nov 07 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
Dec 20 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 Javascript
javascript实现时钟动画
Dec 03 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 Javascript
jquery 触发a链接点击事件解决方案
May 02 #Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 #Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 #Javascript
如何使用jQuery来处理图片坏链具体实现步骤
May 02 #Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 #Javascript
JavaScript 实现类的多种方法实例
May 01 #Javascript
Json字符串转换为JS对象的高效方法实例
May 01 #Javascript
You might like
php empty函数判断mysql表单是否为空
2010/04/12 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
react开发教程之React 组件之间的通信方式
2017/08/12 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
2017/12/05 jQuery
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
2019/09/05 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
[01:01]2020完美高校联赛(秋)西安落幕
2021/03/11 DOTA
Python创建系统目录的方法
2015/03/11 Python
Python运算符重载用法实例分析
2015/06/01 Python
python UDP(udp)协议发送和接收的实例
2019/07/22 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
艺术应用与设计个人的自我评价
2013/11/23 职场文书
幼儿教师工作感言
2014/02/14 职场文书
初级党校心得体会
2014/09/11 职场文书
国际残疾人日广播稿范文
2014/10/09 职场文书
优秀教师推荐材料
2014/12/16 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
python如何读取.mtx文件
2021/04/22 Python
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android