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 相关文章推荐
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 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来写记数器(详细介绍)
2006/10/09 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
Yii隐藏URL中index.php的方法
2016/07/12 PHP
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
js运动事件函数详解
2016/10/21 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
Python学习笔记之os模块使用总结
2014/11/03 Python
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python打造爬虫代理池过程解析
2019/08/15 Python
python实现操作文件(文件夹)
2019/10/31 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
Python实现画图软件功能方法详解
2020/07/28 Python
python爬虫请求头的使用
2020/12/01 Python
世界上最大的乐谱选择:Sheet Music Plus
2020/01/18 全球购物
中科软测试工程师面试题
2012/06/16 面试题
部队领导证婚词
2014/01/12 职场文书
实习会计求职自荐信范文
2014/03/10 职场文书
《骑牛比赛》教后反思
2014/04/22 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
财务管理专业求职信
2014/06/11 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
领导班子整改措施
2014/10/24 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android
Python matplotlib绘制雷达图
2022/04/13 Python
Android基础入门之dataBinding的简单使用教程
2022/06/21 Java/Android