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实现metro效果示例代码
Sep 06 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
Oct 20 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
JavaScript的Object.defineProperty详解
Jul 09 Javascript
Vue.js实现可排序的表格组件功能示例
Feb 19 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
php 发送带附件邮件示例
2014/01/23 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
Firefox outerHTML实现代码
2009/06/04 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
javascript基本类型详解
2014/11/28 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
js实现选中复选框文字变色的方法
2015/08/14 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
Angularjs中如何使用filterFilter函数过滤
2016/02/06 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Django中针对基于类的视图添加csrf_exempt实例代码
2018/02/11 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
《听鱼说话》教学反思
2014/02/15 职场文书
简单租房协议书
2014/04/09 职场文书
节约用水演讲稿
2014/05/21 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
三问三解心得体会
2014/09/05 职场文书
创先争优演讲稿
2014/09/15 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
优秀校长事迹材料
2014/12/24 职场文书
个人党性分析总结
2015/03/05 职场文书
婚礼父母致辞
2015/07/28 职场文书
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python
JS实现简单的九宫格抽奖
2022/06/28 Javascript