JavaScript停止冒泡和阻止浏览器默认行为
2016-05-11 08:49
513 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <div onclick="test()"> <div onclick="test()"> <div onclick="test()">阻止事件冒泡</div> </div> </div> </BODY> </HTML> <SCRIPT LANGUAGE="JavaScript"> <!-- //阻止事件冒泡 function stopEventBubble(event){ var e=event || window.event; if (e && e.stopPropagation){ e.stopPropagation(); } else{ e.cancelBubble=true; } } //测试方法,调用时,直接调用test()或者test(event),前者默认在调用最后一个未对应的参数传递事件 function test(evt){ alert('hahaha'); stopEventBubble(evt); } //--> </SCRIPT>
相关文章推荐
- Javascript 动态合并table单元格
- 实现一个简单的Javascript级联下拉菜单
- JavaScript的DOM操作
- JavaScript 事件管理
- [转载]js正则表达式语法
- ES6新特性:Javascript中的Reflect对象
- jsonc库的安装以及简单使用
- Jsp
- javascript简单判断输入内容是否合法的方法
- Extjs4.0 ComboBox如何实现三级联动
- Javascript 实现广告后加载 可加载百度谷歌联盟广告 原创
- 使用JavaScript实现ajax的实例代码
- JavaScript从数组的indexOf()深入之Object的Property机制
- 分享10个优化代码的CSS和JavaScript工具
- 分享12个非常实用的JavaScript小技巧
- js字符串格式化
- javascript中的this详解
- Javascript and DOM学习
- JavaScript中的继承
- JavaScript的function对象