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 相关文章推荐
jquery自定义滚动条插件示例分享
Feb 21 Javascript
JS和JQ的event对象区别分析
Nov 24 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
Apr 14 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
vue实现商城秒杀倒计时功能
Dec 12 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
PHP循环获取GET和POST值的代码
2008/04/09 PHP
深入PHP数据加密详解
2013/06/18 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
js中数组Array的一些常用方法总结
2013/08/12 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
浅谈Angular的$q, defer, promise
2016/12/20 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
numpy.random模块用法总结
2019/05/27 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
python将字母转化为数字实例方法
2019/10/04 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
python 经典数字滤波实例
2019/12/16 Python
python中怎么表示空值
2020/06/19 Python
python实现感知机模型的示例
2020/09/30 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
python tqdm库的使用
2020/11/30 Python
python中的时区问题
2021/01/14 Python
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
初中生学习生活的自我评价
2013/11/20 职场文书
本科应届生求职信
2014/08/05 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
安全先进个人材料
2014/12/29 职场文书
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python