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 相关文章推荐
一些不错的js函数ajax
Aug 20 Javascript
JQuery优缺点分析说明
Jun 09 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
前端面试题及答案整理(二)
Aug 26 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
jQuery向webApi提交post json数据
Jan 16 Javascript
BootStrap 导航条实例代码
May 18 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 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手册及PHP编程标准
2006/12/17 PHP
php递归列出所有文件和目录的代码
2008/09/10 PHP
php selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
CodeIgniter模板引擎使用实例
2014/07/15 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
python thread 并发且顺序运行示例
2009/04/09 Python
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
python http接口自动化脚本详解
2018/01/02 Python
python实现AES加密和解密
2019/03/27 Python
python Django编写接口并用Jmeter测试的方法
2019/07/31 Python
pytorch打印网络结构的实例
2019/08/19 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
Python几种常见算法汇总
2020/06/02 Python
python可以用哪些数据库
2020/06/22 Python
美国运动鞋类和服装零售连锁店:Shoe Palace
2019/08/13 全球购物
广州盈通面试题
2015/12/05 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
党员四风问题对照检查材料
2014/09/27 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
留学推荐信英文范文
2015/03/26 职场文书
SQL之各种join小结详细讲解
2021/08/04 MySQL