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 相关文章推荐
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
按钮接受回车事件的三种实现方法
Jun 06 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
vue下history模式刷新后404错误解决方法
Aug 18 Javascript
vue3.0 搭建项目总结(详细步骤)
May 20 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中使用addslashes函数报错问题的解决方法
2013/02/06 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
php基于str_pad实现卡号不足位数自动补0的方法
2014/11/12 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
JS查看对象功能代码
2008/04/25 Javascript
改变javascript函数内部this指针指向的三种方法
2010/04/23 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
初步认识Python中的列表与位运算符
2015/10/12 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
用Python写王者荣耀刷金币脚本
2017/12/21 Python
Python多进程multiprocessing.Pool类详解
2018/04/27 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
使用PIL(Python-Imaging)反转图像的颜色方法
2019/01/24 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
联想中国官方商城:Lenovo China
2017/10/18 全球购物
Unix里面如何在后台运行程序
2016/10/14 面试题
大专毕业自我鉴定
2014/02/04 职场文书
电视购物广告词
2014/03/19 职场文书
新年团拜会主持词
2014/04/02 职场文书
公关活动策划方案
2014/05/25 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
培训班通知
2015/04/25 职场文书
法定代表人免职证明
2015/06/24 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
《落花生》教学反思
2016/02/16 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python