点击空白处让弹窗隐藏
来源：互联网 发布：哭 知乎 编辑：程序博客网 时间：2024/06/04 18:31
比如，登录框等，点击弹窗外的其它地方让弹窗消失。
很简单，但要注意两个问题：
1.firefox对event的兼容性
2.冒泡事件
上代码：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>hide</title><script src="jquery.min.js"></script><style>.box{margin: 100px auto;width: 200px;height: 200px;background-color: #E6BBFC;display: none;}</style></head><body><button class="btn">点我出现弹窗</button><div class="box"></div><script>$(function(){$('.btn').click(function(ev){var event = ev || event; // firefox的兼容性event.stopPropagation(); // 阻止冒泡事件$('.box').show();});// 点击弹窗时，阻止冒泡事件$('.box').click(function(ev){var event = ev || event;event.stopPropagation();});$(document).click(function(){$('.box').hide();});})</script></body></html>阅读全文
0 0
- 点击空白处让弹窗隐藏
- 点击空白隐藏键盘
- 点击空白处隐藏
- 点击空白处隐藏
- 点击空白处隐藏div
- 点击空白处隐藏键盘
- 点击空白区域，div隐藏
- editbox点击空白隐藏键盘
- 点击空白 隐藏软键盘
- 点击空白处隐藏div
- 点击空白处隐藏DIV
- 点击空白处隐藏div层
- android 点击空白隐藏软键盘
- 点击键盘以外空白区域隐藏键盘
- android 点击空白隐藏软键盘
- 点击空白处隐藏键盘的手势
- 点击 空白区域 隐藏 软键盘
- android 点击空白 隐藏软键盘
- 关于android设置dp与px
- Tolua使用笔记二：lua与C#的函数，变量交互方法
- vue 改端口问题
- Android防止内存泄漏的八种方法（下）
- 计算机网络部分的面试常考点，参考书籍：《计算机网络》第五版 谢希仁
- 点击空白处让弹窗隐藏
- JMeter录制Web脚本-简单示例（一）
- mysql 学习
- （106）创建事件调度器
- CentOS 6.5 设置nexus开机启动
- C语言基础-const用法
- java实现二维码-实现方式3
- Hibernate一级缓存与二级缓存
- NSUserDefault 的介绍
