zoukankan      html  css  js  c++  java
  • 有的时候面对一块大的元素的显示与隐藏

    碰到了一个小问题,我需要对一块元素进行隐藏与显示,

    元素的显示与隐藏,并且是点击事件,我一般就是对一个或者一块元素添加点击事件,

    而如果点击的元素过大,大到铺满整个屏幕,而点击使元素隐藏的元素或者按钮又在这个元素的上面,问题来了:::触发的冒泡事件;

    就像下面的   图片1  里的内容,

    点击类名为one(简称:one)的元素,类名为two(简称:two)显示,

    点击two,使two自身隐藏,

    然后就会出现无论怎么点击two,他都不会隐藏,而如果在two的点击事件里面放入alter或者conlose等测试方法会发现可以使用,问题就是  冒泡事件  ;

    因为点击two,而two在one的里面,点击two就会触发冒泡事件,从而触发one的方法,从而导致two先隐藏然后直接显示,导致显示的结果就是two不会隐藏。

    解决的方法就是在two方法里面阻止冒泡事件。阻止方法就是在two里面添加(如图片2)       window.event? window.event.cancelBubble = true : e.stopPropagation();

    图片1:  

    图片2:   

    忍一时,越想越气; 退一步,哎呦我去!
  • 相关阅读:
    Spring Boot初学
    Spring MVC必须知道的执行流程
    日志Log4j使用
    SpringMVC处理中文乱码
    Maven设置阿里云镜像
    Maven项目中配置文件导出问题
    使用Limit实现分页
    web项目中设置首页
    JVM 学习笔记记录
    Python内存管理&垃圾回收机制
  • 原文地址:https://www.cnblogs.com/l-ialiu/p/13785688.html
Copyright © 2011-2022 走看看