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 相关文章推荐
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
js控制CSS样式属性语法对照表
Dec 11 Javascript
javascript实现按回车键切换焦点
Feb 09 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
EsLint入门学习教程
Feb 17 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
JavaScript实现旋转轮播图
Aug 18 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
模仿百度三维地图的js数据分享
2011/05/12 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
终于实现了!精彩的jquery弹幕效果
2016/07/18 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Python构建XML树结构的方法示例
2017/06/30 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
对tensorflow 中tile函数的使用详解
2020/02/07 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
python3中celery异步框架简单使用+守护进程方式启动
2021/01/20 Python
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
Ajax和javascript的区别
2013/07/20 面试题
小学毕业演讲稿
2014/04/25 职场文书
公司投资建议书
2014/05/16 职场文书
毕业生工作求职信
2014/06/30 职场文书
公证委托书标准格式
2014/09/11 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android
前端JavaScript大管家 package.json
2021/11/02 Javascript
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
mysql函数之截取字符串的实现
2022/08/14 MySQL
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL