js jquery vue中如何阻止事件冒泡?
网友回复
先看js的,通过 e.stopPropagation()阻止事件向上冒泡,完整代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div style="width:400px;height:100px;background:#CCC;"BfwOnclick="myfunc(event);"> <span style="margin:auto;width:200px;height:50px;background:yellow;"BfwOnclick="myfunc(event);">事件冒泡</span> </div> <script> function myfunc(e){ e.stopPropagation();//阻止点击事件向上冒泡 alert("span"); } </script> </body> </html>再看jquery的,通过 event.stopPropagation()阻止冒泡,示例代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(function (){ $("body").click(function (event){ event.stopPropagation(); // 阻止事件冒泡 alert("body"); }); $("div").click(function (event){ event.stopPropagation(); // 阻止事件冒泡 alert("div"); }); $("span").click(function (event){ event.stopPropagation(); //...
点击查看剩余70%
浏览器中如何实时调用摄像头扫描二维码?
grok4、gemini2.5pro、gpt5、claude4.1到底谁的编程能力更强一些?
python能将2d平面户型图转换成3d三维户型效果图吗?
有没有什么办法将网页的指定dom元素及子元素的所有css导出?
如何避免调用ai大模型api对话的时候用户让他说出自己的系统提示词?
textarea如何实现标签tag式输入和自由文本结合?
如何用js实现两个textarea的文本内容差异化对比同步滚动?
如何用html写出一个调用大模型api实现ai下象棋的游戏?
ai生成软著软件著作权材料的ai提示词怎么写?
如何给网页富文本编辑器增加ai续写、ai润色优化等功能?