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判断录入的日期是否合法
Jan 08 Javascript
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
JS实现的4种数字千位符格式化方法分享
Mar 02 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
js a标签点击事件
Mar 30 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
JS使用Chrome浏览器实现调试线上代码
Jul 23 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
解析link_mysql的php版
2013/06/30 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
Vuex简单入门
2017/04/19 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
Python中非常实用的一些功能和函数分享
2015/02/14 Python
python if not in 多条件判断代码
2016/09/21 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
Django 视图层(view)的使用
2018/11/09 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
python实现的config文件读写功能示例
2019/09/24 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
干部现实表现材料
2014/02/13 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
教师个人师德总结
2015/02/06 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
最感人的道歉情书
2015/05/12 职场文书
JavaScript组合继承详解
2021/11/07 Javascript
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android