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 常用操作代码
Mar 14 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
VUE DOM加载后执行自定义事件的方法
Sep 07 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
让Vue响应Map或Set的变化操作
Nov 11 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对象转换为数组函数(递归方法)
2012/02/04 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
php编写简单的文章发布程序
2015/06/18 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
extjs3 combobox取value和text案例详解
2013/02/06 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
2014/11/12 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
JS实现图片的不间断连续滚动的简单实例
2016/06/03 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
清空元素html("") innerHTML="" 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
Python中的字符串类型基本知识学习教程
2016/02/04 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
pygame实现简易飞机大战
2018/09/11 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
python对XML文件的操作实现代码
2020/03/27 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
信息管理员岗位职责
2013/12/01 职场文书
英语专业个人求职信范文
2014/02/01 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
车辆转让协议书
2014/09/24 职场文书
七年级上册生物的课件
2019/08/07 职场文书
关于MySQL中explain工具的使用
2023/05/08 MySQL