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 – 导出数据成csv
查看>>
MySQL —— 在CentOS9下安装MySQL
查看>>
MySQL —— 视图
查看>>
mysql 不区分大小写
查看>>
mysql 两列互转
查看>>
MySQL 中开启二进制日志（Binlog）
查看>>
MySQL 中文问题
查看>>
MySQL 中日志的面试题总结
查看>>
mysql 中的all,5分钟了解MySQL5.7中union all用法的黑科技
查看>>
MySQL 中的外键检查设置：SET FOREIGN_KEY_CHECKS = 1
查看>>
Mysql 中的日期时间字符串查询
查看>>
mysql 中索引的问题
查看>>
MySQL 中锁的面试题总结
查看>>
MySQL 中随机抽样：order by rand limit 的替代方案
查看>>
MySQL 为什么需要两阶段提交？
查看>>
mysql 为某个字段的值加前缀、去掉前缀
查看>>
mysql 主从
查看>>
mysql 主从 lock_mysql 主从同步权限mysql 行锁的实现
查看>>
mysql 主从互备份_mysql互为主从实战设置详解及自动化备份(Centos7.2)
查看>>
mysql 主从关系切换
查看>>