关于点击空白关闭弹窗的js写法推荐?
$(document).mouseup(function(e){
  var _con = $(' 目标区域 ');   // 设置目标区域
  if(!_con.is(e.target) && _con.has(e.target).length === ){ // Mark 1
    some code...   // 功能代码
  }
});
/* Mark 1 的原理:
判断点击事件发生在区域外的条件是:
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素
*/
$el_box = $('.box');//弹出层
$el_box.click(function(e){
e.stopPropagation();//阻止弹出层的click事件,防止冒泡到body
});
$(document).one('click',function(e){//我的弹出层元素是动态载入的,使用过后就销毁了,所以用了one,可以使用bind
$el_box.remove();
});
关于点击空白关闭弹窗的js写法推荐?的更多相关文章
- 关于点击空白关闭弹窗的js写法推荐
		$(document).mouseup(function(e){ var _con = $(' 目标区域 '); // 设置目标区域 if(!_con.is(e.target) && ... 
- jqeury点击空白关闭弹窗
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ... 
- 使用js冒泡实现点击空白处关闭弹窗
		什么是事件冒泡? 如图:在一个对象上触发某类事件(比如单击onclick事件),这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶 ... 
- Flex里监听mouseDownOutside事件解决弹出窗口点击空白关闭功能
		其实当用户在使用 PopUpManager 打开的某个组件外部单击时,会从该组件分派一个mouseDownOutside事件 监听该事件就能实现点击空白处关闭窗口的功能 this.addEventLi ... 
- vue 点击按钮弹窗,点击关闭按钮关闭弹窗。
		<div @click="btnfc()">点击弹窗按钮</div> <div v-show="show"> <div ... 
- 【vue】vue +element 搭建项目,点击空白处关闭弹窗
		<template> <div class="step2"> <el-button @click="togglePanel($event)& ... 
- Bootstrap 模态框 禁止点击空白关闭模态框事件
		在模态框的div中加上 aria-hidden="true" data-backdrop="static" <div class="modal ... 
- 实例:vue中点击空白区域关闭某个div图层
		<template> <div class="search" ref="searchMain"> <el-input v-mode ... 
- 关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法
		好久没见了 在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ... 
随机推荐
- JavaScript的Date 方法
			js中Date 方法 Date (对象) Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash ... 
- codeforce 230D Dijsktra
			#include <cstdio> #include <cstring> #include <iostream> #include <cmath> #i ... 
- Google幻灯片
			本博文的主要内容有 .Google幻灯片的介绍 https://www.google.com/intl/zh-CN/slides/about/ 自行去注册Google账号,这里,不多赘述. 
- 数据分析:Weka,Matlab,R,SPSS,SAS等分析软件的入门
			1 功能角度 weka是机器学习方面的工具(开源).spss是数学工具(商业工具). 具体的说,weka的主要功能是模式分类,或者模式识别或者回归.包括特征的降维(PCA),特征选择,训练模型以及对测 ... 
- Spring注入-Map
			在spring框架中为Map注入属性 1map映射的对象创建 package com; /** * Map集合在spring中的使用测试 */ public class User { private ... 
- ifndef系列
			文件中的#ifndef 头件的中的#ifndef,这是一个很关键的东西.比如你有两个C文件,这两个C文件都include了同一个头文件.而编译时,这两个C文件要一同编译成一个可运行文件,于是问题来了, ... 
- Android开发学习之Adapter
			Adapter是指适配器的意思,在Android中,适配器扮演者重要的角色,是UI与Data实现绑定的一个桥梁.Adapter负责创建和显示每个项目的子View和提供对下层数据的访问.支持Adapte ... 
- 一个Hibernate小程序
			基本步骤 在前一篇博文Hibernate环境搭建中为大家详细的介绍如何搭建一个学习新类库的学习环境.今天,为大家带来一个Hibernate小例子,让大家能够快速上手. 步骤如下: 1.配置hibern ... 
- 关于开发环境 git 重新部署
			apps 开发机器 多次因为升级出现无法登陆 下面就重新部署 流程做笔记 1 备份 根目录下的 那一堆shell 和 Cache/data 下的系统配置 2 shell : su www ... 
- [RxJS] Transformation operator: bufferToggle, bufferWhen
			bufferToggle(open: Observable, () => close: Observalbe : Observalbe<T[]>) bufferToggle take ... 
