js停止冒泡和阻止浏览器默认行为的简单方法


Posted in Javascript onMay 15, 2016

停止冒泡通用方法:

function stopBubble(e) { 
//如果提供了事件对象,是非IE浏览器 
if ( e && e.stopPropagation ) 
  //使用W3C的stopPropagation()方法 
  e.stopPropagation(); 
else 
  //使用IE的cancelBubble = true来取消事件冒泡 
  window.event.cancelBubble = true; 
}

阻止浏览器默认行为-通用方法

//阻止浏览器的默认行为 
function stopDefault( e ) { 
  //阻止默认浏览器动作(W3C) 
  if ( e && e.preventDefault ) 
    e.preventDefault(); 
  //IE中阻止函数器默认动作的方式 
  else 
    window.event.returnValue = false; 
  return false; 
}

事件兼容

function myfn(e){ var evt = e ? e:window.event; }

js停止冒泡兼容

window.event? window.event.cancelBubble = true : evt.stopPropagation();

js阻止默认行为兼容

window.event? window.event.returnValue = false : evt.preventDefault();

以上这篇js停止冒泡和阻止浏览器默认行为的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
运算符&&的三个不同层次
Apr 07 Javascript
js变换显示图片的实例
Apr 16 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
Mar 03 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
基于Vue实现电商SKU组合算法问题
May 29 Javascript
浅析js绑定事件的常用方法
May 15 #Javascript
js添加事件的通用方法推荐
May 15 #Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 #Javascript
JQuery validate插件Remote用法大全
May 15 #Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 #Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 #Javascript
js阻止浏览器默认行为的简单实例
May 15 #Javascript
You might like
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
php中json_encode UTF-8中文乱码的更好解决方法
2014/09/28 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
JS日历 推荐
2006/12/03 Javascript
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
分享Javascript实用方法二
2015/12/13 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
2016/07/22 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
简单解析Django框架中的表单验证
2015/07/17 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
Python3并发写文件与Python对比
2019/11/20 Python
Python能做什么
2020/06/02 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
工商治理实习生的自我评价
2014/01/15 职场文书
高中教师考核方案
2014/05/18 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
高二语文教学反思
2016/02/16 职场文书
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python