JavaScript 事件冒泡简介及应用实例
发布时间：2018-09-02 11:34:55 所属栏目：模式 来源：站长网
导读：副标题#e# 一、什么是事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，
|
【阻止事件冒泡例子】 Copy to Clipboard 引用的内容：[www.veryhuo.com]
<div onclick="showMsg(this)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px"> <div onclick="showMsg(this)" id="inSide" style="width:100px; height:100px; background:#CCC"></div> </div> <script type="text/javascript"> //阻止事件冒泡后，你点击灰色盒子，整个过程只弹一次对话框了（注意与默认情况对比） function showMsg(obj) { alert(obj.id); stopBubble(event) } //阻止事件冒泡函数 function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble=true } </script> 转自：http://webflash.cnblogs.com/ （编辑：南京站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |