js点击事件禁止冒泡 - 日理万妓 2022-04-15 05:38 335阅读 0赞 $(".car-style").click(function(){ $(".operate-mask-outer").show(); // 点击黄色的禁停站,弹出框显示 }); $("#operateMask").click(function(){ $(".operate-mask-outer").hide(); // 点击灰色边缘的地方,弹出框消失 }) $(".stopover-station").click(function(event){ $(".operate-mask-outer").show(); event.stopPropagation(); // 阻止冒泡的关键代码 // 点击弹出框内部,弹出框不消失 }) 想要阻止事件冒泡,在方法里面加这个代码就可以了** event.stopPropagation(); ** **需要注意的是:event**是和方法里面的参数一样的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70][] [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9fcm9uZw_size_16_color_FFFFFF_t_70]: /images/20220415/d7d37143ad244561815147b21f8a5fe2.png
还没有评论,来说两句吧...