js点击空白处弹窗消失

$(document).mousedown(function(e){
    var _list = $(‘#pop‘);
    if(!_list.is(e.target) && _list.has(e.target).length === 0){
        $(‘#pop‘).hide();
    }
});

判断点击事件发生在区域外的条件：
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素

时间： 2024-08-08 05:32:01

js点击空白处弹窗消失的相关文章

温故而知新 js 点击空白处关闭气泡

诀窍1:使用el.contains(e) 来判断点击的区域诀窍2:使用mouseup 诀窍3:完成之后,移除事件 showpopover (e) { this.popover = !this.popover var closePopover = (event) => { if (!this.$refs.popover.contains(event.target)) { this.popover = false document.body.removeEventListener('mouseup'

popupwindow点击空白处如何自动消失？

Popupwindow如果需要点击空白处自动消失,需要设置两个函数 1.customPopWindow.setFocusable(true);该函数也可以在构造函数中设置,如:mPopupWindow = new PopupWindow(popunwindwow,LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT,true);最后一个参数true即为设定Focusable属性. 2.customPopWindow.setBackgroundDr

jquery制作弹出层带遮罩效果，点击阴影部分层消失

jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 1 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> 2 <div id="myModal" class="reveal-modal&quo

jQuery点击空白处关闭弹出窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>点击空白处关闭弹出窗口</title>

Android 点击空白处隐藏键盘

方法一:使用android的分发机制(代码稍微有点多) /** * 实现点击空白处,软键盘消失事件 * @param ev * @return */ @Override public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getAction() == MotionEvent.ACTION_DOWN) { // 获得当前得到焦点的View,一般情况下就是EditText(特殊情况就是轨迹求或者实体案件

M牛C原创博客——UI之文本框输入键盘自动退出，点击空白处退出，切换下个文本框

如何关闭系统弹出的键盘? 1)触屏动作发生后的系统处理过程 step1:查找hitView 系统捕获到触屏动作后,记录触点的坐标,给window发hitTest:消息,并告知出点坐标,window会给所有直接子对象发送hitTest消息,告知点坐标,子对象检测坐标是否在其中,如果不在其中,则返回nil,如果点在其中,则再继续给所有直接子视图发消息,直到某一个子视图,不再有子视图,且触点在其中,则返回这个对象,系统就找到了本次点击的对象 step2:找到hitView后,执行事件响应查看找到的h

点击空白处隐藏盒子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击空白处隐藏盒子</title> <style> #mask{ width: 100%; height:2000px; font-weight:bold;">#000; opacity: 0.4; filter:alpha(opac

模态框点击空白处不关闭

1 $('#myModal').modal({ 2 backdrop:'static',//点击空白处不关闭 3 keyboard: false,//按下ESC时不关闭 4 show:false//默认不显示 5 });

JS 点击元素发ajax请求打开一个新窗口

JS 点击元素发ajax请求打开一个新窗口经常在项目中会碰到这样的需求,点击某个元素后,需要发ajax请求,请求成功以后,开发需要把链接传给前端(或者说请求成功后打开新窗口),前端需要通过新窗口打开这个链接,其实这样的原理大家可能觉得非常简单,想起来非常简单,用JS中的window.open就可以实现打开新的窗口,或者点击div元素,发ajax请求成功后,动态把链接传给a标签,然后再触发a标签事件,也可以实现,对吧?曾几何时,我也曾经把这样的问题发到JS群里面去,很多JS社区朋友说龙恩这