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


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 相关文章推荐
网上抓的一个特效
May 11 Javascript
js函数的延迟加载实现代码
Oct 11 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
Jquery 实现弹出层插件
Jan 28 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
jsp 自动编译机制详细介绍
Dec 01 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
详解JavaScript 中 if / if...else...替换方式
Jul 15 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
javascript 设计模式之组合模式原理与应用详解
Apr 08 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中html_entity_decode实现HTML实体转义
2018/06/13 PHP
IE/FireFox具备兼容性的拖动代码
2007/08/13 Javascript
JQuery 风格的HTML文本转义
2009/07/01 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
验证手机号码的JS方法分享
2013/09/10 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
2017/10/13 jQuery
解决vue项目中type=”file“ change事件只执行一次的问题
2018/05/16 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
python使用any判断一个对象是否为空的方法
2014/11/19 Python
Python实现二分查找算法实例
2015/05/26 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
python去除文件中重复的行实例
2018/06/29 Python
python如何生成各种随机分布图
2018/08/27 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
python 模拟贷款卡号生成规则过程解析
2019/08/30 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
python中的TCP(传输控制协议)用法实例分析
2019/11/15 Python
Python 解析xml文件的示例
2020/09/29 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
幼儿运动会邀请函
2014/01/17 职场文书
3的组成教学反思
2014/04/30 职场文书
2014年客房部工作总结
2014/11/22 职场文书
老公保证书
2015/01/17 职场文书
消费者投诉书范文
2015/07/02 职场文书
导游词之昭君岛
2020/01/17 职场文书
python manim实现排序算法动画示例
2022/08/14 Python