在做web前端页面的时候我们经常需要用到点击非指定区域,隐藏该区域的效果。也就是常常有人提到的点击空白处隐藏div
工具/原料
加载jquery我这边的版本是jquery-1.11.1.min.js
方法/步骤
1
点击非红色框框区域隐藏列表思路是:我们要知道列表及其父容器,然后监听鼠标点击事件,当点击的位置不是列表时,就隐藏列表
2
我们要知道列表及其父容器
3
监听鼠标的up时间,当事件触发的时候判断,当前的父容器是否是列表的父容器,如果不是列表的父容器,再判断列表是否显示,如果显示则隐藏列表。
注意事项
这个实现方式是jquery实现的,思路是想通的大家可自行实现
上一篇:高中生高效晚自习攻略
下一篇:提高简历“曝光”机率的简历技巧