加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

JavaScript 变乱冒泡简介及应用实例

发布时间:2018-08-29 06:22:33 所属栏目:创业 来源:站长网
导读:一、什么是变乱冒泡 在一个工具上触发某类变乱(好比单击onclick变乱),假云云工具界说了此变乱的处理赏罚措施,那么此变乱就会挪用这个处理赏罚措施,假如没有界说此变乱处理赏罚措施可能变乱返回true,那么这个变乱会向这个工具的父级工具撒播,从里到外,直至它被

【阻止变乱冒泡例子】

Copy to ClipboardLiehuo.Net Codes引用的内容:[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/

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读