阻止事件冒泡以及stopPropagation()，preventDefault()和return false;的區別
阿新 • • 發佈：2018-04-18
efault 阻止事件冒泡 gif prev app opp lib body back
e.preventDefault()是阻止默認事件的方法；
e.stopPropagation()是阻止事件冒泡；
return false;是既阻止事件冒泡又阻止默認事件；
以下是個阻止事件冒泡的小案例：
<!DOCTYPE html>
<html>
<head>
<title>阻止冒泡</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<style type="text/css">
#div1{
width: 400px;
height: 400px;
background: #f00;
}
#div2{
width: 300px;
height: 300px;
background: #0f0;
}
#div3{
width: 200px;
height: 200px;
background: #00f;
}
#div4{
width: 100px;
height: 100px;
background: #f0f;
}
效果圖如下：
阻止事件冒泡以及stopPropagation()，preventDefault()和return false;的區別