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代码
Jan 01 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
js中hash和ico的关联分析
Feb 05 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
JavaScript实现相册弹窗功能(zepto.js)
Jun 21 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 Javascript
js实现石头剪刀布游戏
Oct 11 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
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/07/15 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP树-不需要递归的实现方法
2016/06/21 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
js 多浏览器分别判断代码
2010/04/01 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
本地文件上传到七牛云服务器示例(七牛云存储)
2014/01/11 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
python模块导入的细节详解
2018/12/10 Python
对python中dict和json的区别详解
2018/12/18 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python时间与Unix时间戳相互转换方法详解
2020/02/13 Python
python如何处理程序无法打开
2020/06/16 Python
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
加热夹克:RAVEAN
2018/10/19 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
请介绍一下Ant
2016/07/22 面试题
计算机专业个人求职信范例
2013/09/23 职场文书
房产委托公证书
2014/04/08 职场文书
银行求职信
2014/05/31 职场文书
群众路线表态发言材料
2014/10/17 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
Nginx反向代理配置的全过程记录
2021/06/22 Servers