<script type="text/javascript">
/*
事件冒泡：点击box2打印出2以后，继续打印出1。
子元素触发了事件，如果父元素也有同类型事件的话，也会触发。
冒泡的触发顺序：box2->box1->body->html
解决方法：event.stopPropagetion(); 阻止事件冒泡(IE8及以下没有这个方法)
IE阻止冒泡
event.cancelBubble = true;
*/
box1.onclick = function(e){
console.log(1)
}
box2.onclick = function(event){
// 兼容写法
event = event || window.event;
event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
// event.stopPropagation();//冒泡到此为止
console.log(2);
}
</script>
事件冒泡
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 事件冒泡 多个元素嵌套，这些元素都注册了相同的事件，如果里面的元素的事件触发了，外面的元素的该事件也自动触发了。 ...
- 这个问题的整理是基于面试题:给同一个DOM元素绑定两个事件,一个用冒泡,一个用捕获,会执行几次?先执行冒泡还是先执...
- 1.绑定事件 $(function(){ // //只能绑定click事件，不能绑定其他的了 // $('#btn...
