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 相关文章推荐
在IE中调用javascript打开Excel的代码(downmoon原作)
Apr 02 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
JS判断字符串字节数并截取长度的方法
Mar 05 Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
Node.js使用supervisor进行开发中调试的方法
Mar 26 Javascript
VSCode搭建Vue项目的方法
Apr 30 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
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
javascript字典探测用户名工具
2006/10/05 Javascript
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
向大师们学习Javascript(视频与PPT)
2009/12/27 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
jQuery使用动画队列自定义动画操作示例
2018/06/16 jQuery
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
python获取txt文件词向量过程详解
2019/07/05 Python
python-视频分帧&amp;多帧合成视频实例
2019/12/10 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
同程旅游英文网站:LY.com
2018/11/13 全球购物
美术专业个人自我评价
2014/01/18 职场文书
小学语文业务学习材料
2014/06/02 职场文书
JS实现九宫格拼图游戏
2022/06/28 Javascript