事件冒泡
当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。
#div1{
width: 800px;
height: 800px;
background: #0000FF;
}
#div1>ul{
width: 500px;
height: 700px;
background: #DCDCDC;
}
#div1>ul>li{
width: 100px;
height: 100px;
margin: 50px;
background: #DB7093;
}
......
<div id="div1">
我是div
<ul>我是ul
<li>我是li1</li>
<li>我是li2</li>
<li>我是li3</li>
</ul>
</div>
......
var div1 = $("#div1");
var ull = $("ul");
var lii = $("li");
lii.click(function(){
console.log("我是li");
//event.stopPropagation();//阻止冒泡
});
ull.click(function(){
console.log("我是ul");
//return false;//阻止冒泡和阻止默认行为的合并
});
div1.click(function(){
console.log("我是div");
});
代码执行点击li结果
放开此行代码(event.stopPropagation();//阻止冒泡)时点击li