社区
JavaScript
帖子详情
新手求助!如何实现点击一个模态框以外的 空白区域 来关闭这个弹出模态框
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
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章