<!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();就会产生冒泡事件，点击链接，就会弹框，如果加了，就不会弹框