博客
关于我
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集群解决方案(4):负载均衡
查看>>
MySQL集群解决方案(5):PXC集群
查看>>
MySQL面试宝典
查看>>
WAP短信:融合传统短信和互联网的新型通信方式
查看>>
mysql面试题学校三表查询_mysql三表查询分组后取每组最大值,mysql面试题。
查看>>
Mysql面试题精选
查看>>
MySQL面试题集锦
查看>>
mysql面试题,存储引擎InnoDB和MyISAM
查看>>
mysql面试题:为什么MySQL单表不能超过2000W条数据?
查看>>
mysql面试题:创建索引时会不会锁表?
查看>>
mysql面试题:高度为3的B+树可以存放多少数据?
查看>>
mysql颠覆实战笔记(八)--mysql的自定义异常处理怎么破
查看>>
mysql驱动、durid、mybatis之间的关系
查看>>
mysql驱动支持中文_mysql 驱动包-Go语言中文社区
查看>>
MySQL高可用之——keepalived+互为主从
查看>>
MySQL高可用切换_(5.9)mysql高可用系列——正常主从切换测试
查看>>
MySQL高可用解决方案
查看>>
MySQL高可用解决方案详解
查看>>
MYSQL高可用集群MHA架构
查看>>
MySQL高可用集群架构MHA企业级实战
查看>>