新手求助！如何实现点击一个模态框以外的 空白区域 来关闭这个弹出模态框

MrBin1994 2017-02-23 08:41:41


鼠标点击在模态框以外任何地方 都能关闭，点在模态框上不关闭，
是要获取鼠标的位置，判断是否在模态框上？
该给谁绑定单击事件呢,?
求助

...全文
675 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
圭宁的小小前端 2017-02-24
  • 打赏
  • 举报
 回复
楼上思路准确啦咯啦咯啦咯
斯洛文尼亚旅游 2017-02-23
  • 打赏
  • 举报
 回复
你不是弹出了个半透明的背景层，背景层和登录那个层是分开不共用一个父容器的吧？分开的背景层加click事件关闭你那个登录层和背景层就行 如果是同一个容器，通过当前点击的对象判断是否在登录层之内，在就不隐藏，否则隐藏
当作看不见 2017-02-23
  • 打赏
  • 举报
 回复
模态框 弹出时就获取焦点 使用 unfocus 事件,模态框失去焦点 ,也就是点击模态框以外的区域,就隐藏.
angularJs模态框点击空白不隐藏
view界面： aria-hidden="true" ng-click="cancel()">× 商户详细信息324534563 商户名称:{{object.busiName}} 商户编码:{{object.busiCode}} 商户状态:{{object.status}}
bootstrap模态框，使点击空白地方模态框不消失
正常情况下 <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="do
模态框实现点击展开,点击空白关闭效果(React Native)
思路: 模态框分为上下两部分,上部分放数据,下部分设置填充满且空白 设置模态框背景为透明,动画类型为none,模态框外部设置事件打开模态框 模态框内部空白区域通过TouchableWithoutFeedback包裹,设置事件关闭模态框 效果图: 代码示例: import React,{Component} from 'react' import { View, Text, StyleSheet, Modal, Button, Alert, TouchableOpacit
Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
BootStrap 模态框禁用空白处点击关闭
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。 $('#myModal').modal({backdrop: 'static', keyboard: false...
JavaScript

87,989

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章