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 异步页面查询实现代码(asp.net)
May 26 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
深入理解Webpack 中路径的配置
Jun 17 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 25 Javascript
详解Vue串联过滤器的使用场景
Apr 30 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 过滤器实现代码
2010/08/09 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
jquery 插件 人性化的消息显示
2008/01/21 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
2015/09/25 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
关于vue编译版本引入的问题的解决
2018/09/17 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
Python中的集合类型知识讲解
2015/08/19 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
对Python中plt的画图函数详解
2018/11/07 Python
python3中rank函数的用法
2019/11/27 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
小学开学寄语
2014/01/19 职场文书
党员违纪检讨书
2014/02/18 职场文书
机械操作工岗位职责
2014/08/08 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
扬州个园导游词
2015/02/06 职场文书
小学教研工作总结2015
2015/05/13 职场文书
微信搭讪开场白
2015/05/28 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL