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 相关文章推荐
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
Javascript核心读书有感之语言核心
Feb 01 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
vue.js将unix时间戳转换为自定义时间格式
Jan 03 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
jquery css实现流程进度条
Mar 26 jQuery
解决Vue项目中tff报错的问题
Oct 21 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
2015/08/25 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
2016/06/09 Javascript
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
在Python下尝试多线程编程
2015/04/28 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
python读取LMDB中图像的方法
2018/07/02 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
Stylenanda中文站:韩国一线网络服装品牌
2016/12/22 全球购物
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
学校十一活动方案
2014/02/01 职场文书
文化活动实施方案
2014/03/28 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
员工开除通知书
2015/04/25 职场文书
python中数组和列表的简单实例
2022/03/25 Python
服务器SVN搭建图文安装过程
2022/06/21 Servers