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


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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
How to Auto Include a Javascript File
Feb 02 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
JS随机数产生代码分享
Feb 24 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
微信小程序自定义toast的实现代码
Nov 16 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
Web应用开发TypeScript使用详解
May 25 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之Smarty入门
2007/01/04 PHP
yii操作session实例简介
2014/07/31 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
js控制页面的全屏展示和退出全屏显示的方法
2015/03/10 Javascript
JQuery.Ajax()的data参数类型实例详解
2015/11/20 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
原生js实现无缝轮播图
2020/01/11 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
python字典多条件排序方法实例
2014/06/30 Python
详解【python】str与json类型转换
2019/04/29 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
Python批量启动多线程代码实例
2020/02/18 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
如何理解python面向对象编程
2020/06/01 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
Anaconda详细安装步骤图文教程
2020/11/12 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL
php双向队列实例讲解
2021/11/17 PHP
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python