博客
关于我
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/

你可能感兴趣的文章
MySQL获取分组后的TOP 1和TOP N记录
查看>>
Mysql表创建外键报错
查看>>
MySQL视图
查看>>
MySQL设置白名单限制
查看>>
MySQL设置远程连接
查看>>
Mysql账号权限查询(grants)
查看>>
MySQL迁移到达梦:如何轻松、高质量完成迁移任务
查看>>
mysql还有哪些自带的函数呢?别到处找了,看这个就够了。
查看>>
mysql进阶 with-as 性能调优
查看>>
mysql进阶-查询优化-慢查询日志
查看>>
Mysql连接时报时区错误
查看>>
mysql逗号分隔的字符串如何搜索
查看>>
MYSQL遇到Deadlock found when trying to get lock,解决方案
查看>>
mysql部署错误
查看>>
MySQL配置信息解读(my.cnf)
查看>>
Mysql配置表名忽略大小写(SpringBoot连接表时提示不存在,实际是存在的)
查看>>
MySQL锁
查看>>
MySQL锁与脏读、不可重复读、幻读详解
查看>>
mysql锁机制,主从复制
查看>>
Mysql锁机制,行锁表锁
查看>>