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


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中各浏览器中鼠标按键值的差异
Apr 07 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
Feb 17 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
总结JavaScript设计模式编程中的享元模式使用
May 21 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
Jan 04 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 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 实现多服务器共享 SESSION 数据
2009/08/15 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
php实现分页工具类分享
2014/01/09 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
PHP学习笔记之session
2018/05/06 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
2013/08/29 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
2016/02/25 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
React-native桥接Android原生开发详解
2018/01/17 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
关于小程序优化的一些建议(小结)
2020/12/10 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
详解appium+python 启动一个app步骤
2017/12/20 Python
Python分割指定页数的pdf文件方法
2018/10/26 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python按比例随机切分数据的实现
2019/07/11 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
python入门教程之基本算术运算符
2020/11/13 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
全运会口号
2014/06/20 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
国家助学金感谢信
2015/01/21 职场文书
晚会开幕词
2015/01/28 职场文书
推销搭讪开场白
2015/05/28 职场文书
六一亲子活动感想
2015/08/07 职场文书
[有人@你]你有一封绿色倡议书,请查收!
2019/07/18 职场文书