阻止事件(取消浏览器对事件的默认行为并阻止其传播)


Posted in Javascript onNovember 03, 2013

取消浏览器对事件的默认行为(响应)(比如<a>标签的跳转等)并停止事件的继续传播。

实现代码

function stopEvent (evt) { 
var evt = evt || window.event; 
if (evt.preventDefault) { 
evt.preventDefault(); 
evt.stopPropagation(); 
} else { 
evt.returnValue = false; 
evt.cancelBubble = true; 
} 
}

只阻止事件继续传播(不取消默认行为)
function stopEvent (evt) { 
var evt = evt || window.event; 
if (evt.stopPropagation) { 
evt.stopPropagation(); 
} else { 
evt.cancelBubble = true; 
} 
}

只取消默认行为(不阻止事件的继续传播)
function stopEvent (evt) { 
var evt = evt || window.event; 
if (evt.preventDefault) { 
evt.preventDefault(); 
} else { 
evt.returnValue = false; 
} 
}
Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
关于js内存泄露的一个好例子
Dec 09 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
Aug 06 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 #Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 #Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 #Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 #Javascript
div模拟选择框示例代码
Nov 03 #Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 #Javascript
Javascript中string转date示例代码
Nov 01 #Javascript
You might like
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
extjs 学习笔记(二) Ext.Element类
2009/10/13 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
js实现在同一窗口浏览图片
2014/09/17 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
详解JavaScript对W3C DOM模版的支持情况
2015/06/16 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python在文本开头插入一行的实例
2018/05/02 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
Python WSGI的深入理解
2018/08/01 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
Overload和Override的区别
2012/09/02 面试题
《画风》教学反思
2014/04/16 职场文书
岗位职责范本大全
2015/02/26 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis