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性能陷阱小结(附实例说明)
Dec 28 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
vue项目实战总结篇
Feb 11 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 Javascript
2019最新21个MySQL高频面试题介绍
Feb 06 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 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
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
JS 字符串连接[性能比较]
2009/05/10 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
js控制input输入字符解析
2013/12/27 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
JS交换变量的方法
2015/01/21 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
vue通过cookie获取用户登录信息的思路详解
2018/10/30 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
python 迭代器和iter()函数详解及实例
2017/03/21 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
django静态文件加载的方法
2018/05/20 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
python实现支付宝转账接口
2019/05/07 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
蔻驰美国官网:COACH美国
2016/08/18 全球购物
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
运动会开幕式邀请函
2014/02/03 职场文书
项目合作意向书范本
2014/04/01 职场文书
社区春季防火方案
2014/06/02 职场文书
资产运营委托书范本
2014/10/16 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
旅游项目合作意向书
2015/05/08 职场文书