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


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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
jquery ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 Javascript
JS实现图片的不间断连续滚动的简单实例
Jun 03 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
Element-ui upload上传文件限制的解决方法
Jan 22 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 array_map()数组函数使用说明
2011/07/12 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
jQuery代码实现发展历程时间轴特效
2015/07/30 Javascript
QQ登录背景闪动效果附效果演示源码下载
2015/09/22 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
Vue渲染函数详解
2017/09/15 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
go和python调用其它程序并得到程序输出
2014/02/10 Python
Django分组聚合查询实例分享
2020/04/29 Python
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
新闻专业应届生求职信
2013/10/31 职场文书
经济与贸易专业应届生求职信
2013/11/19 职场文书
关于迟到的检讨书
2014/01/26 职场文书
酒店营销策划方案
2014/02/07 职场文书
舞蹈专业求职信
2014/06/13 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
2015年转正工作总结范文
2015/04/02 职场文书
超市员工辞职信范文
2015/05/12 职场文书
合同纠纷调解书
2015/05/20 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
MySQL sql_mode修改不生效的原因及解决
2021/05/07 MySQL
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
Python中的socket网络模块介绍
2022/07/23 Python