博客
关于我
js点击事件禁止冒泡
阅读量:573 次
发布时间:2019-03-10

本文共 471 字,大约阅读时间需要 1 分钟。

$(".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是和方法里面的参数一样的

 

转载地址:http://xbbvz.baihongyu.com/

你可能感兴趣的文章
memset初始化高维数组为-1/0
查看>>
Metasploit CGI网关接口渗透测试实战
查看>>
Metasploit Web服务器渗透测试实战
查看>>
MFC模态对话框和非模态对话框
查看>>
Moment.js常见用法总结
查看>>
MongoDB出现Error parsing command line: unrecognised option ‘--fork‘ 的解决方法
查看>>
mxGraph改变图形大小重置overlay位置
查看>>
MongoDB可视化客户端管理工具之NoSQLbooster4mongo
查看>>
Mongodb学习总结(1)——常用NoSql数据库比较
查看>>
MongoDB学习笔记(8)--索引及优化索引
查看>>
mongodb定时备份数据库
查看>>
mppt算法详解-ChatGPT4o作答
查看>>
mpvue的使用(一)必要的开发环境
查看>>
MQ 重复消费如何解决?
查看>>
mqtt broker服务端
查看>>
MQTT 保留消息
查看>>
MQTT 持久会话与 Clean Session 详解
查看>>
MQTT工作笔记0007---剩余长度
查看>>
MQTT工作笔记0009---订阅主题和订阅确认
查看>>
Mqtt搭建代理服务器进行通信-浅析
查看>>