js点击事件禁止冒泡
本文共 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/
你可能感兴趣的文章
MySQL 死锁了，怎么办？
查看>>
MySQL 深度分页性能急剧下降，该如何优化？
查看>>
MySQL 深度分页性能急剧下降，该如何优化？
查看>>
MySQL 添加列，修改列，删除列
查看>>
mysql 添加索引
查看>>
MySQL 添加索引，删除索引及其用法
查看>>
MySQL 用 limit 为什么会影响性能？
查看>>
MySQL 用 limit 为什么会影响性能？有什么优化方案？
查看>>
MySQL 用户权限管理：授权、撤销、密码更新和用户删除（图文解析）
查看>>
mysql 用户管理和权限设置
查看>>
MySQL 的 varchar 水真的太深了！
查看>>
mysql 的GROUP_CONCAT函数的使用（group_by 如何显示分组之前的数据）
查看>>
MySQL 的instr函数
查看>>
MySQL 的mysql_secure_installation安全脚本执行过程介绍
查看>>
MySQL 的Rename Table语句
查看>>
MySQL 的全局锁、表锁和行锁
查看>>
mysql 的存储引擎介绍
查看>>
MySQL 的存储引擎有哪些？为什么常用InnoDB？
查看>>
mysql 索引
查看>>
MySQL 索引失效的 15 种场景！
查看>>