1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div id = "box" style = "width: 200px; height: 200px; background:green;"> 9 <input type="button" value = "按钮" /> 10 </div> 11 12 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 13 <script> 14 $(function () { 15 $("body").click(function () { 16 console.log("body"); 17 }); 18 $("#box").click(function () { 19 console.log("div"); 20 }); 21 $("input").click(function (e) { 22 console.log("input"); 23 24 e.stopPropagation();//阻止冒泡 25 console.log(e.isPropagationStopped);//true 26 27 e.preventDefault()//阻止浏览器默认行为 28 }) 29 }) 30 </script> 31 </body> 32 </html>
e.stopPropagation();//阻止冒泡 console.log(e.isPropagationStopped);//true e.preventDefault()//阻止浏览器默认行为
时间: 2024-10-15 12:23:41