Javascript防止事件冒泡实例
来源:互联网 发布:设计软件app 编辑:程序博客网 时间:2024/05/18 01:58
什么是事件冒泡:
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>事件处理</title></head><div onclick="showMsg(this,event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px"> <div onclick="showMsg(this,event)" id="inSide" style="width:100px; height:100px; background:#CCC;padding:60px"></div></div><script type="text/javascript"> //阻止事件冒泡后,你点击灰色盒子,整个过程只弹一次对话框了(注意与默认情况对比) function showMsg(obj,e) { alert(obj.id); stopBubble(e) } //阻止事件冒泡函数 function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble=true }</script></html>
0 0
- Javascript防止事件冒泡实例
- JavaScript的防止冒泡事件
- 防止事件冒泡
- js事件防止冒泡
- jQuery防止冒泡事件
- 防止事件冒泡
- js防止事件冒泡
- Jquery--防止事件冒泡
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- javascript事件冒泡实例详解和jquery阻止事件冒泡的两种方法
- 冒泡事件小实例
- TCP、UDP和HTTP
- 手机内存卡格式化了怎么办
- sql字符串截取函数SUBSTRING
- 活在尴尬的年纪里
- 3270 keyboard mapping problem for [] (square brackets)
- Javascript防止事件冒泡实例
- 【面向对象设计】OOD原则
- 基于XMPP的IOS聊天客户端程序(XMPP服务器架构)
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- Effective STL: 43 - 50 在程序中使用STL
- JDBC第三章知识点总结——JDBC高级特性1--结果集,批量更新,高级数据类型
- 项目阶段-乙方项目周报的具体要求
- 中国流行音乐30年
- Water Water Search Problems' Set~Orz【updating...】