JS阻⽌事件冒泡的3种⽅法之间的不同
例⼦
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="divOne" οnclick="alert('我是最外层');">
      <div id="divTwo" οnclick="alert('我是中间层！')">
        <a id="hr_three" href="www.baidu" mce_href="www.baidu"οnclick="alert('我是最⾥层！')">点击我</a>
      </div>
    </div>
<script src="jquery-1.10.2.min.js"></script>
<script>
$("#hr_three").click(function(event) {
event.preventDefault();
});
</script>
</body>
</html>
运⾏页⾯，点击“点击我”，会依次弹出：我是最⾥层---->我是中间层---->我是最外层
---->然后再链接到百度.
这就是事件冒泡，本来我只点击ID为hr_three的标签，但是确执⾏了三个alert操作。
事件冒泡过程（以标签ID表⽰）：hr_three----> divTwo----> divOne 。从最⾥层冒泡到最外层。
1.event.stopPropagation();
事件处理过程中，阻⽌了事件冒泡，但不会阻击默认⾏为（执⾏了超链接的跳转）
事件处理过程中，阻⽌了事件冒泡，也阻⽌了默认⾏为（没有执⾏超链接的跳转）
3.event.preventDefault(); （阻⽌默认事件）
如果把它放在头部A标签的click事件中，点击“点击我”。
会发现它依次弹出：我是最⾥层---->我是中间层---->我是最外层，但最后却没有跳转到百度
js控制滚动条它的作⽤是：事件处理过程中，不阻击事件冒泡，但阻击默认⾏为（它只执⾏所有弹框，却没有执⾏超链接跳转）
默认事件 的定义
⽐如说当你点击⼀下超链接a标签的时候，它会有⼀个跳转的⾏为；当你在⽹页上点⿏标右键时会出现⼀个右键菜；当你在⼀个form表单⾥点击提交按钮时⽹页会产⽣提交⾏为并刷新⽹页，当你⽹页上滚动⿏标滚轮时，⽹页的滚动条会动等等。这些都叫事件的默认⾏为

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。