JS阻止冒泡事件以及默认事件发生的简单方法


Posted in Javascript onJanuary 17, 2014

如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数:

function stopBubble(e){
  if(e&&e.stopPropagation){//非IE
   e.stopPropagation();
  }
  else{//IE
   window.event.cancelBubble=true;
  }
 }

<a onclick=''>如果要阻止默认事件的触发,即默认的href事件,那么就需要调用如下函数:

function stopDefault( e ) {
         //阻止默认浏览器动作(W3C)
         if ( e && e.preventDefault )
             e.preventDefault();
         //IE中阻止函数器默认动作的方式
         else
             window.event.returnValue = false;
         return false;
     }
Javascript 相关文章推荐
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
javascript代码加载优化方法
Jan 30 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
Aug 18 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 #Javascript
js使用eval解析json(js中使用json)
Jan 17 #Javascript
js window.open弹出新的网页窗口
Jan 16 #Javascript
jQuery$命名冲突怎么办如何解决
Jan 16 #Javascript
jQuery获得内容和属性示例代码
Jan 16 #Javascript
jQuery 追加元素的方法如append、prepend、before
Jan 16 #Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
php读取3389的脚本
2014/05/06 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
javascript 字符串连接的性能问题(多浏览器)
2008/11/18 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
Angularjs单选改为多选的开发过程及问题解析
2017/02/17 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python图像处理入门(一)
2019/04/04 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
Python中pass的作用与使用教程
2020/11/13 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
精选奢华:THE LIST
2019/09/05 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
医大实习自我鉴定
2013/12/07 职场文书
大学四年的个人自我评价
2014/01/14 职场文书
庆七一活动方案
2014/01/25 职场文书
森林病虫害防治方案
2014/06/02 职场文书
校园环保标语
2014/06/13 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
销售会议开幕词
2016/03/04 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏