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

需求是点击空白处关闭弹窗，同时弹窗内有点击事件 一开始的思路是点击弹窗阻止事件冒泡 不知道是结构太复杂还是怎样，使用event.stopPropagation();无效 找到了有效的方法后，把内部的点击事件也阻拦掉了 只能在点击空白处时，判断是否是弹窗范围，看到了一段很好用的代码 ...

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

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

这里的空白处，对应的精准表述为遮罩mask mask 是否展示遮罩 Boolean true maskClosable 点击蒙层是否允许关闭 Boolean true ...

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框 ...

模态框为信息编辑窗口,涉及好多内容,填了半天,若一不小心点了空白处..... $('#myModal').modal({backdrop: 'static', keyboard: false}); backdrop:static时,空白处不关闭. keyboard:false时,esc键盘 ...

html： View Code js： View Code css： View Code 然后发现下拉框点击空白处不关闭，然后在加上一个事件 效果图 ...