原文:jquery点击空白处关闭弹窗

需求是点击空白处关闭弹窗,同时弹窗内有点击事件 一开始的思路是点击弹窗阻止事件冒泡 不知道是结构太复杂还是怎样,使用event.stopPropagation 无效 找到了有效的方法后,把内部的点击事件也阻拦掉了 只能在点击空白处时,判断是否是弹窗范围,看到了一段很好用的代码 document .mouseup function e var con 目标区域 设置目标区域 if con.is e. ...

2019-10-15 15:20 0 703 推荐指数:

查看详情

使用js冒泡实现点击空白处关闭弹窗

什么是事件冒泡? 如图:在一个对象上触发某类事件(比如单击onclick事件),这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达 ...

Sat Oct 07 07:13:00 CST 2017 0 2713
BootstrapDialog点击空白处禁止关闭

在乐学一百的项目当中引用到了BootstrapDialog,其中后台发送短信时,为了防止管理员编辑了半天的短息,突然间因为点击某个空白区域导致丢失,所以在此禁用掉点击空白关闭弹出框。主要属性为: closable: false, ...

Thu Aug 18 20:14:00 CST 2016 0 3371
点击空白处 关闭遮罩

$(document).mouseup(function(e){ var _con=$('目标区域class/id') ; // 获取目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // 判断点击 ...

Mon Jun 25 21:40:00 CST 2018 0 773
el-dialog 点击空白处关闭

el-dialog中close-on-click-modal含义是:点击空白处是否关闭,默认true 改成false ...

Thu Jan 27 00:34:00 CST 2022 0 855
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM