博客
关于我
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架构与SQL的执行流程_1
查看>>
MySQL架构与SQL的执行流程_2
查看>>
MySQL查询优化之索引
查看>>
mysql查询储存过程,函数,触发过程
查看>>
mysql查询总成绩的前3名学生信息
查看>>
MySQL死锁套路:一次诡异的批量插入死锁问题分析
查看>>
mysql登陆慢问题解决
查看>>
mysql的cast函数
查看>>
mysql的InnoDB引擎索引为什么使用B+Tree
查看>>
mysql的logrotate脚本
查看>>
MySQL的on duplicate key update 的使用
查看>>
MySQL的Replace用法详解
查看>>
mysql的root用户无法建库的问题
查看>>
MySQL的sql_mode模式说明及设置
查看>>
mysql的sql执行计划详解
查看>>
mysql的sql语句基本练习
查看>>
Mysql的timestamp(时间戳)详解以及2038问题的解决方案
查看>>
mysql的临时表简介
查看>>
mysql的函数操作
查看>>
mysql的分页查询limit关键字
查看>>