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 相关文章推荐
namespace.js Javascript的命名空间库
Oct 11 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
JS实现简单的星期格式转换功能示例
Jul 23 Javascript
Vue解决echart在element的tab切换时显示不正确问题
Aug 03 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
PHP实现的回溯算法示例
2017/08/15 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
让您的菜单不离网站
2006/10/03 Javascript
实现JavaScript中继承的三种方式
2009/10/16 Javascript
JavaScript中伪协议 javascript:使用探讨
2014/07/18 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
JavaScript中创建对象的模式汇总
2016/04/19 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
python写一个md5解密器示例
2018/02/23 Python
python实现装饰器、描述符
2018/02/28 Python
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
如何在 Django 模板中输出 "{{"
2020/01/24 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
团工委书记自荐书范文
2013/12/17 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
社区矫正工作方案
2014/06/04 职场文书
法学院毕业生求职信
2014/06/25 职场文书
会计学习心得体会
2014/09/09 职场文书
活动费用申请报告
2015/05/15 职场文书
二年级作文之动物作文
2019/11/13 职场文书
MySQL开启事务的方式
2021/06/26 MySQL