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


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 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
详解React项目中碰到的IE问题
Mar 14 Javascript
JavaScript中的this妙用实例分析
May 09 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 Javascript
JS常用跨域方法实现原理解析
Dec 09 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
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
WordPress网站性能优化指南
2015/11/18 PHP
Yii操作数据库实现动态获取表名的方法
2016/03/29 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
Mootools 1.2教程 函数
2009/09/15 Javascript
一个js控制的导航菜单实例代码
2013/12/03 Javascript
javascript实现手机震动API代码
2015/08/05 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
2019/05/14 jQuery
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
python分割和拼接字符串
2013/11/01 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
专业求职信撰写要诀
2014/02/18 职场文书
向领导表决心的话
2014/03/11 职场文书
民主评议党员工作总结
2014/10/20 职场文书
5.12护士节活动总结
2015/02/10 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python