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


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 相关文章推荐
jquery实现点击消失的代码
Mar 03 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
JS设计模式之单例模式(一)
Sep 29 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
轻松学习JavaScript函数中的 Rest 参数
May 30 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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判断类是否存在函数class_exists用法分析
2014/11/14 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python批量下载抖音视频
2019/06/17 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
车间机修工岗位职责
2014/02/28 职场文书
中秋晚会活动方案
2014/08/31 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
展览会邀请函
2015/02/02 职场文书
武当山导游词
2015/02/03 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
React配置子路由的实现
2021/06/03 Javascript
Mysql 如何查询时间段交集
2021/06/08 MySQL
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL