多语言展示
当前在线:1090今日阅读:167今日分享:16

点击空白处隐藏div

在做web前端页面的时候我们经常需要用到点击非指定区域,隐藏该区域的效果。也就是常常有人提到的点击空白处隐藏div
工具/原料

加载jquery我这边的版本是jquery-1.11.1.min.js

方法/步骤
1

点击非红色框框区域隐藏列表思路是:我们要知道列表及其父容器,然后监听鼠标点击事件,当点击的位置不是列表时,就隐藏列表

2

我们要知道列表及其父容器

3

监听鼠标的up时间,当事件触发的时候判断,当前的父容器是否是列表的父容器,如果不是列表的父容器,再判断列表是否显示,如果显示则隐藏列表。

注意事项

这个实现方式是jquery实现的,思路是想通的大家可自行实现

推荐信息