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


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 相关文章推荐
用 JavaScript 迁移目录
Dec 18 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
jquery validation验证表单插件
Jan 07 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 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获取汉字的拼音(全部与首字母)
2013/06/27 PHP
Laravel框架路由配置总结、设置技巧大全
2014/09/03 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
centos+php+coreseek+sphinx+mysql之一coreseek安装篇
2016/10/25 PHP
PHP echo()函数讲解
2019/02/15 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
详解webpack 多页面/入口支持&amp;公共组件单独打包
2017/06/29 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
python检测是文件还是目录的方法
2015/07/03 Python
python 队列详解及实例代码
2016/10/18 Python
pandas带有重复索引操作方法
2018/06/08 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
python爬虫工具例举说明
2020/11/30 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
init进程的作用
2015/08/20 面试题
初婚未育证明
2014/01/15 职场文书
2014年超市工作总结
2014/11/19 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android