html部分
<div id="div">
<p id="p">我是p1</p>
</div>
css部分省略
js部分
<script>
var div1=document.getElementById("div");
var p1=document.getElementById("p1");
div1.οnclick=function(){
console.log("我是div1");
}
p1.οnclick=function(event){
event.stopPropagation(); //这句就是阻止冒泡的语句
console.log("我是p1");
}
</script>