19.阻止事件冒泡e.stopPropagation();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.3.1.min.js"></script>
    <script>
        $(function () {
            $("a").on("click", function (e) {
                e.preventDefault();//阻止默认操作
                e.stopPropagation();//防止事件冒泡
            })
            $("div").on("click", function () {
                alert("父盒子被点击了");
            })
        })
    </script>
</head>
<body>
<div>
    <a href="http://www.cqmu.edu.cn">重庆医科大学</a>
</div>
</body>
</html>

如果不加e.stopPropagation();就会产生冒泡事件,点击链接,就会弹框,如果加了,就不会弹框

原文地址:https://www.cnblogs.com/alex-xxc/p/9738806.html