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中字符串String与数组Array
Dec 31 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
javascript学习之json入门
Dec 22 Javascript
bootstrap table实例详解
Jan 06 Javascript
Javascript 实现匿名递归的实例代码
May 25 Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
vue--vuex详解
Apr 15 Javascript
vue.js实现三级菜单效果
Oct 19 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 之 没有mysql支持时的替代方案
2006/10/09 PHP
php验证码实现代码(3种)
2015/09/07 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
form自动提交实例讲解
2017/07/10 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
Prototype RegExp对象 学习
2009/07/19 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
javascript控制swfObject应用介绍
2012/11/29 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
微信小程序—setTimeOut定时器的问题及解决
2019/07/26 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
使用setup.py安装python包和卸载python包的方法
2013/11/27 Python
python进阶教程之异常处理
2014/08/30 Python
python自动化测试之连接几组测试包实例
2014/09/28 Python
python中的错误处理
2016/04/10 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
在VS Code上搭建Python开发环境的方法
2018/04/06 Python
python和shell获取文本内容的方法
2018/06/05 Python
简单了解Django ContentType内置组件
2019/07/23 Python
解决python 文本过滤和清理问题
2019/08/28 Python
python 读取数据库并绘图的实例
2019/12/03 Python
python 如何引入协程和原理分析
2020/11/30 Python
使用django自带的user做外键的方法
2020/11/30 Python
酒店总经理助理岗位职责
2014/02/01 职场文书
美容院合作经营协议书
2014/10/10 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
离婚被告答辩状
2015/05/22 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书