为什么点击span,时间冒泡只到了content，没有继续到body

源自：6-2 jQuery事件对象的属性和方法

<h3>事件对象的属性与方法</h3>

外层div元素

<br />

<span style="background: silver;">内层span元素</span>

<br /> 外层div元素

</div>

<br />

</div>

//为 <span> 元素绑定 click 事件

$("span").click(function() {

$("#msg").html($("#msg").html() + "<p>内层span元素被单击</p>");

});

//为 Id 为 content 的 <div> 元素绑定 click 事件

$("#content").click(function(event) {

$("#msg").html($("#msg").html() + "<p>外层div元素被单击</p>");

event.stopPropagation(); //阻止事件冒泡

});

//为 <body> 元素绑定 click 事件

$("body").click(function() {

$("#msg").html($("#msg").html() + "<p>body元素被单击</p>");

});

</script>

提问者：iceminit 2016-08-31 16:41