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


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 相关文章推荐
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
Jan 16 Javascript
JavaScript delete操作符应用实例
Jan 13 Javascript
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
js完美的div拖拽实例代码
Jan 22 Javascript
简单的js图片轮换代码(js图片轮播)
May 06 Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
vue实现按需加载组件及异步组件功能
May 27 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开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
推荐11款jQuery开发的复选框和单选框美化插件
2011/08/02 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
使用JavaScript制作一个简单的计数器的方法
2015/07/07 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
2016/10/26 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
angular实现input输入监听的示例
2018/08/31 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
Python读写配置文件的方法
2015/06/03 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
Django 静态文件配置过程详解
2019/07/23 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
python实现按首字母分类查找功能
2019/10/31 Python
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
几个Shell Script面试题
2014/04/18 面试题
品酒会策划方案
2014/05/26 职场文书
聘用意向书
2014/07/29 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python