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 相关文章推荐
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 Javascript
JS验证全角与半角及相互转化的介绍
May 18 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
浅析Vue项目中使用keep-Alive步骤
Jul 27 Javascript
解决vue数组中对象属性变化页面不渲染问题
Aug 09 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
Apr 15 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
PHP常用函数和常见疑难问题解答
2014/03/05 PHP
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
基于AGS JS开发自定义贴图图层
2017/03/31 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
js常见遍历操作小结
2019/06/06 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
运动会入场词60字
2014/02/15 职场文书
总账会计岗位职责
2014/03/13 职场文书
10的分与合教学反思
2014/04/30 职场文书
师范生求职信
2014/06/14 职场文书
党员自我剖析材料范文
2014/10/06 职场文书
2015年采购员工作总结
2015/04/27 职场文书
五一晚会主持词
2015/07/01 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
如何书写读后感?(附范文)
2019/07/26 职场文书