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 前台切换网站的样式实现
Jun 22 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
Jan 17 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
Apr 28 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
JavaScript实现分页效果
Mar 28 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 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的另类解决方案
2006/10/09 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
js 编程笔记 无名函数
2011/06/28 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
每天一篇javascript学习小结(面向对象编程)
2015/11/20 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
Python实现多线程下载文件的代码实例
2014/06/01 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
30岁生日感言
2014/01/25 职场文书
广告语设计及教案
2014/03/21 职场文书
股权转让意向书
2014/04/01 职场文书
义和团口号
2014/06/17 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
大学推普周活动总结
2015/05/07 职场文书
Python中zipfile压缩包模块的使用
2021/05/14 Python
Python 语言实现六大查找算法
2021/06/30 Python
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang