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 17 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
javascript中声明函数的方法及调用函数的返回值
Jul 22 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
6种javascript显示当前系统时间代码
Dec 01 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
基于Three.js实现360度全景图片
Dec 30 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 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的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
Laravel 队列使用的实现
2019/01/08 PHP
ThinkPHP中图片按比例切割的代码实例
2019/03/08 PHP
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
质检部部长职责
2013/12/16 职场文书
书香校园活动方案
2014/02/28 职场文书
自主招生教师推荐信
2014/05/10 职场文书
大专生求职信
2014/06/29 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书
初一数学教学反思
2016/02/17 职场文书
JS异步堆栈追踪之为什么await胜过Promise
2021/04/28 Javascript
Python实现双向链表
2022/05/25 Python