就比如一个页面中有一个div,点击除页面上该div的任意位置,让div消失。
我现在的做法是给div绑定一个stopPropagation,然后在body上注册让div消失的事件。
但是这种做法的缺点就是,当有多个div都需要点其他位置消失的时候,就无效了,因为所有div都stopPropagation。
给一个简单粗暴的方法:
1、记录所有显示的div。可以使用数组,也可以直接给dom加class,加自定义属性等等。每次用的时候遍历遍历。
2、考虑二维数组或多个自定义属性来实现给已经显示的div分类。
大致步骤:
1、点击某个div,记录他已经显示了。
2、点击其它某个div的时候,检查记录的已经显示的div,选择是否隐藏他们。之后记录当前div已显示。
3、点击body的时候,检查所有记录的已经显示的div,隐藏他们。
步骤1和步骤2其实是一个操作哦。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。